fix: correct Textarea/Textfield padding and alignment

[lazd]

This PR includes the changes made to Spectrum CSS as part of adobe/spectrum-css#490

I am sending this because @LFDanLu originally reported this issue against Spectrum CSS, but it required some code changes to test in V3 and they were simple enough to bang out real quick.

Closes adobe/spectrum-css#454

✅ Pull Request Checklist:

• Included link to corresponding Issue.
• Added/updated unit tests and storybook for this change (for new code or code which already has tests).
• Filled out test instructions.
• Updated documentation (if it already exist for this component).
• Looked at the Accessibility Standard and/or talked to @mijordan about Accessibility for this feature.
• Pull in new changes from fix: alignment of icon in DecoratedTextfield and Textfield, closes #494 spectrum-css#499
• Ready to merge

📝 Test Instructions:

Load up http://localhost:9003/?path=/story/textarea--icon-info, it should look like this:

It should not look like this:

🧢 Your Team:

Spectrum

[adobe-bot]

Build successful! View the storybook

[adobe-bot]

Build successful! View the storybook

[LFDanLu]

@lazd For the most part these changes look good, but I did notice a small sizing quirk for Quiet TextAreas. If you go to https://reactspectrum.blob.core.windows.net/reactspectrum/8fde1942847c88c3ee4fe8007ad9f8055b27bdd6/index.html?path=/story/textarea--isquiet-true, and begin typing into the quiet textarea, you'll notice that that the textarea's height immediately adjusts itself by 2px, something that doesn't happen with the old version of textarea. I can't quite pinpoint why this is happening since changing the --spectrum-textfield-padding-top from 3px to 5px in the old version of the css works just fine.

Before:

After:

[adobe-bot]

Build successful! 🎉

• View the storybook
• View the storybook-17
• View the documentation

[dannify]

Cleaning up. This will be picked up in a future audit of Textfield.