[web-components] fix: disabled switch state in high-contrast mode (#33637)

Author: davatron5000

change/@fluentui-web-components-a03312db-25ed-42ac-8259-b9754b5afdd9.json

@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "fix: update disabled switch styles to GrayText for high-contrast mode",
+  "packageName": "@fluentui/web-components",
+  "email": "rupertdavid@microsoft.com",
+  "dependentChangeType": "patch"
+}

packages/web-components/src/switch/switch.styles.ts

@@ -141,5 +141,9 @@ export const styles = css`
     :host(${checkedState}:active) .checked-indicator {
       background-color: ButtonFace;
     }
+    :host(:disabled) .checked-indicator,
+    :host(${checkedState}:disabled) .checked-indicator {
+      background-color: GrayText;
+    }
   `),
 );