[Feature]: Inverted variants for Button v9

[daisygeng]

Library

React Components / v9 (@fluentui/react-components)

Describe the feature that you would like added

Design specs:
https://www.figma.com/file/Nj9EBBvOZmS11zKNJfilVR/Button?node-id=9242%3A24202
https://www.figma.com/file/Nj9EBBvOZmS11zKNJfilVR/Button?node-id=9242%3A20933
https://www.figma.com/file/Nj9EBBvOZmS11zKNJfilVR/Button?node-id=9242%3A22518

Originally an ask from Office.com, inverted variant support on button for the Primary, Secondary, and Subtle

Have you discussed this feature with our team

Makoto

Additional context

cc @paulgildea @makoto

Validations

• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

[msft-fluent-ui-bot]

Because this issue has not had activity for over 150 days, we're automatically closing it for house-keeping purposes.

Still require assistance? Please, create a new issue with up-to date details.

[khmakoto]

This should not have been closed, reopening it.

[msft-fluent-ui-bot]

Because this issue has not had activity for over 150 days, we're automatically closing it for house-keeping purposes.

Still require assistance? Please, create a new issue with up-to date details.

[microsoft-github-policy-service]

Because this issue has not had activity for over 150 days, we're automatically closing it for house-keeping purposes.

Still require assistance? Please, create a new issue with up-to date details.

[microsoft-github-policy-service]

Because this issue has not had activity for over 150 days, we're automatically closing it for house-keeping purposes.

Still require assistance? Please, create a new issue with up-to date details.