Add negative margin on VisuallyHidden on both sides

[filipw01]

Closes #4176

✅ 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:

Open reproduction from the issue and change margin on VisuallyHidden component

🧢 Your Project:

ChiliPiper https://www.chilipiper.com/

[snowystinger]

This will likely also close #4086

@majornista where'd these styles come from? https://github.com/adobe/react-spectrum/blame/30141c06b8630538cd1767c1e9e9d2fcdbac40f5/packages/%40react-aria/visually-hidden/src/VisuallyHidden.css#L19 (I know it says devon did it, but I traced it further back to you in our previous version)

[filipw01]

This will likely also close #4086

I checked my fix and the issue is still present 😞 It's working in react-aria 3.23.1 though 😄

[majornista]

@majornista where'd these styles come from? https://github.com/adobe/react-spectrum/blame/30141c06b8630538cd1767c1e9e9d2fcdbac40f5/packages/%40react-aria/visually-hidden/src/VisuallyHidden.css#L19 (I know it says devon did it, but I traced it further back to you in our previous version)

https://www.tpgi.com/the-anatomy-of-visually-hidden/

[majornista]

@filipw01 Can you verify that my update to VisuallyHidden resolves the issue for you?

[filipw01]

@filipw01 Can you verify that my update to VisuallyHidden resolves the issue for you?

I don't think there's any difference in react between 1 and '1px'. So yes, it still works 😄