fix: disabled Calendar buttons get disabled color styles in high contrast mode (#35450)

Author: smhigley

change/@fluentui-react-calendar-compat-b350b9b1-5388-4e33-8940-ba715cd7ff0c.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "fix: disabled Calendar buttons get disabled color styles in high contrast mode",
+  "packageName": "@fluentui/react-calendar-compat",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

packages/react-components/react-calendar-compat/library/src/components/CalendarDay/useCalendarDayStyles.styles.ts

@@ -128,6 +128,11 @@ const useDisabledStyleStyles = makeStyles({
     '&, &:disabled, & button': {
       color: tokens.colorNeutralForegroundDisabled,
       pointerEvents: 'none',
+
+      // add this explicitly for aria-disabled buttons that don't get default forced-colors disabled styles
+      '@media (forced-colors: active)': {
+        color: 'GrayText',
+      },
     },
   },
 });