[fix] Add support for browsers that implement scrollbar-width

Close necolas#1395

Author: Pawel Borkowski

packages/react-native-web/src/exports/StyleSheet/__tests__/__snapshots__/compile-test.js.snap

@@ -64,6 +64,7 @@ Object {
     "rules": Array [
       ".r-scrollbarWidth-2eszeu::-webkit-scrollbar{display:none}",
       ".r-scrollbarWidth-2eszeu{overflow:-moz-scrollbars-none;-ms-overflow-style:none}",
+      ".r-scrollbarWidth-2eszeu{scrollbar-width:none;}",
     ],
     "value": "none",
   },

packages/react-native-web/src/exports/StyleSheet/compile.js

@@ -148,9 +148,11 @@ function createAtomicRules(identifier: string, property, value): Rules {
     // https://drafts.csswg.org/css-scrollbars-1/
     case 'scrollbarWidth': {
       if (value === 'none') {
+        const block = createDeclarationBlock({ [property]: value });
         rules.push(
           `${selector}::-webkit-scrollbar{display:none}`,
-          `${selector}{overflow:-moz-scrollbars-none;-ms-overflow-style:none}`
+          `${selector}{overflow:-moz-scrollbars-none;-ms-overflow-style:none}`,
+          `${selector}${block}`
         );
       }
       break;