TagGroup: Nest .spectrum-Tag-action class to prioritize over ClearButton css

[tiffany-sy-lin]

No ticket. Noticed it while adding TagGroup into Inventory. There's no priority between .spectrum-Tag-action and .button_spectrum-ClearButton so in Inventory, .button_spectrum-ClearButton styles are applied first and as a result end up higher in hierarchy which we do not want.

I moved .spectrum-Tag-action into .spectrum-Tags-item so it has a place within the tag class hierarchy.

✅ Pull Request Checklist:

• Included link to corresponding React Spectrum GitHub 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 exists for this component).
• Looked at the Accessibility Practices for this feature - Aria Practices

📝 Test Instructions:

1. Open any TagGroup story that has isRemovable=true and confirm no visual changes.
2. Open inspector and inspect the div that has the .button_spectrum-ClearButton class. Note the width and height css props are crossed out (see screenshot for reference)

🧢 Your Project:

@quarry/inventory

[adobe-bot]

Build successful! 🎉

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

[snowystinger]

👍🏻 thanks for fixing that

[LFDanLu]

Specificity strikes again, LGTM

[adobe-bot]

Build successful! 🎉

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