fix(a11y): remove deprecated css properties

Author: tudorpopams

packages/style-utilities/etc/style-utilities.api.md

@@ -81,7 +81,7 @@ export { DefaultFontStyles }
 export { DefaultPalette }
 
 // @public @deprecated (undocumented)
-export const EdgeChromiumHighContrastSelector = "@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)";
+export const EdgeChromiumHighContrastSelector = "@media screen and (forced-colors: active)";
 
 // @public (undocumented)
 export const FLUENT_CDN_BASE_URL = "https://res.cdn.office.net/files/fabric-cdn-prod_20250411.001";
@@ -153,13 +153,13 @@ export type GlobalClassNames<IStyles> = Record<keyof IStyles, string>;
 export const hiddenContentStyle: IRawStyle;
 
 // @public (undocumented)
-export const HighContrastSelector = "@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)";
+export const HighContrastSelector = "@media screen and (forced-colors: active)";
 
 // @public (undocumented)
-export const HighContrastSelectorBlack = "@media screen and (-ms-high-contrast: white-on-black), screen and (forced-colors: active) and (prefers-color-scheme: dark)";
+export const HighContrastSelectorBlack = "@media screen and (forced-colors: active) and (prefers-color-scheme: dark)";
 
 // @public (undocumented)
-export const HighContrastSelectorWhite = "@media screen and (-ms-high-contrast: black-on-white), screen and (forced-colors: active) and (prefers-color-scheme: light)";
+export const HighContrastSelectorWhite = "@media screen and (forced-colors: active) and (prefers-color-scheme: light)";
 
 export { IAnimationStyles }
 

packages/style-utilities/src/styles/CommonStyles.ts

@@ -1,17 +1,16 @@
 import type { IRawStyle } from '../MergeStyles';
 
-export const HighContrastSelector = '@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)';
+export const HighContrastSelector = '@media screen and (forced-colors: active)';
 export const HighContrastSelectorWhite =
   // eslint-disable-next-line @fluentui/max-len
-  '@media screen and (-ms-high-contrast: black-on-white), screen and (forced-colors: active) and (prefers-color-scheme: light)';
+  '@media screen and (forced-colors: active) and (prefers-color-scheme: light)';
 export const HighContrastSelectorBlack =
   // eslint-disable-next-line @fluentui/max-len
-  '@media screen and (-ms-high-contrast: white-on-black), screen and (forced-colors: active) and (prefers-color-scheme: dark)';
+  '@media screen and (forced-colors: active) and (prefers-color-scheme: dark)';
 /**
  * @deprecated Use `HighContrastSelector`
  */
-export const EdgeChromiumHighContrastSelector =
-  '@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)';
+export const EdgeChromiumHighContrastSelector = '@media screen and (forced-colors: active)';
 
 export const ScreenWidthMinSmall = 320;
 export const ScreenWidthMinMedium = 480;