fix: compound-button text colors in Windows high contrast mode (microsoft#34490)

Author: mlijanto

change/@fluentui-web-components-848fb759-1e01-4df2-b8c8-dea81d054999.json

@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "Fixed compound-button high contrast text colors.",
+  "packageName": "@fluentui/web-components",
+  "email": "601470+mlijanto@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}

packages/web-components/src/compound-button/compound-button.styles.ts

@@ -18,6 +18,7 @@ import {
   spacingHorizontalSNudge,
   spacingHorizontalXS,
 } from '../theme/design-tokens.js';
+import { forcedColorsStylesheetBehavior } from '../utils/index';
 
 // Need to support icon hover styles
 export const styles = css`
@@ -117,4 +118,11 @@ export const styles = css`
   :host([size='large']) ::slotted([slot='description']) {
     font-size: ${fontSizeBase300};
   }
-`;
+`.withBehaviors(
+  forcedColorsStylesheetBehavior(css`
+    :host([appearance='primary']:not(:hover, :focus-visible, :disabled, [disabled-focusable]))
+      ::slotted([slot='description']) {
+      color: HighlightText;
+    }
+  `),
+);