fix: Button sets correct disabledFocusable icon color in forced-colors mode (#33756)

Author: smhigley

change/@fluentui-react-button-cb94dc1b-6be7-4fdb-aff3-9c27f8051fa3.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "fix: Button sets correct disabledFocusable icon color",
+  "packageName": "@fluentui/react-button",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

packages/react-components/react-button/library/src/components/Button/useButtonStyles.styles.ts

@@ -373,6 +373,10 @@ const useRootDisabledStyles = makeStyles({
       ...shorthands.borderColor('GrayText'),
       color: 'GrayText',
 
+      [`& .${buttonClassNames.icon}`]: {
+        color: 'GrayText',
+      },
+
       ':focus': {
         ...shorthands.borderColor('GrayText'),
       },
@@ -381,12 +385,20 @@ const useRootDisabledStyles = makeStyles({
         backgroundColor: 'ButtonFace',
         ...shorthands.borderColor('GrayText'),
         color: 'GrayText',
+
+        [`& .${buttonClassNames.icon}`]: {
+          color: 'GrayText',
+        },
       },
 
       ':hover:active': {
         backgroundColor: 'ButtonFace',
         ...shorthands.borderColor('GrayText'),
         color: 'GrayText',
+
+        [`& .${buttonClassNames.icon}`]: {
+          color: 'GrayText',
+        },
       },
     },
   },