fix(react-toolbar): use contrasting token pairs for radio & toggle selected states

[smhigley]

Previous Behavior

We overrode the color for the selected state for the Radio & ToggleButton Toolbar variants, otherwise using all styles from ToggleButton. Overriding just the selected color value meant that the color/background token pair was not a pair with guaranteed contrast, which caused the Teams high contrast theme to fail contrast checks in that state.

In Teams high contrast:

New Behavior

After chatting with design, we decided to go with adopting the subtle variant of the ToggleButton's styles for the selected state for radio & toggle Toolbar buttons.

New colors in teams high contrast:

The other themes end up with the same hex values, so there is no visible change.

Related Issue(s)

• Fixes ADO issue

[github-actions]

📊 Bundle size report

Package & Exports	Baseline (minified/GZIP)	PR	Change
react-components react-components: entire library	1.164 MB 291.227 kB	1.164 MB 291.289 kB	530 B 62 B

Unchanged fixtures

Package & Exports	Size (minified/GZIP)
react-components react-components: Button, FluentProvider & webLightTheme	69.21 kB 20.174 kB
react-components react-components: Accordion, Button, FluentProvider, Image, Menu, Popover	222.703 kB 64.42 kB
react-components react-components: FluentProvider & webLightTheme	44.447 kB 14.59 kB
react-portal-compat PortalCompatProvider	8.39 kB 2.64 kB
react-timepicker-compat TimePicker	108.525 kB 36.087 kB

_{🤖 This report was generated against 8f763922d713d9ccd35e65db07206c10b170fafd}

[github-actions]

Pull request demo site: URL