Styling update (#404)

* Automate bumping react-icons beta version number

* revert

* Add forcedColorAdjust styling

* revert

* Fix react peer dependency

packages/react-icons/package.json

@@ -40,7 +40,8 @@
     "yargs": "^14.0.0"
   },
   "peerDependencies": {
-    "@griffel/react": "^1.0.0"
+    "@griffel/react": "^1.0.0",
+    "react": ">=16.8.0 <18.0.0"
   },
   "files": [
     "lib/",

packages/react-icons/src/utils/useIconState.tsx

@@ -6,7 +6,9 @@ const useRootStyles = makeStyles({
         display: 'inline',
         lineHeight: 0,
 
-        "@media screen and (-ms-high-contrast: black-on-white)": {fill: 'windowtext'}
+        "@media (forced-colors: active)": {
+          forcedColorAdjust: 'auto',
+        }
     }
 });