Move Safari work-around to main styles, so it is always added to the initial stylesheet, otherwise is can cause errors in non-WebKit browsers when added dynamically

Author: dpvc

ts/output/chtml.ts

@@ -113,8 +113,17 @@ CommonOutputJax<N, T, D, CHTMLWrapper<N, T, D>, CHTMLWrapperFactory<N, T, D>, CH
       color: 'red',
       'background-color': 'yellow'
     },
-    'mjx-mphantom': {visibility: 'hidden'}
+    'mjx-mphantom': {
+      visibility: 'hidden'
+    },
 
+    //
+    //  WebKit-specific CSS to handle bug with clipped characters.
+    //  (test found at https://browserstrangeness.bitbucket.io/css_hacks.html#safari)
+    //
+    '_::-webkit-full-page-media, _:future, :root mjx-container': {
+      'will-change': 'opacity'
+    }
   };
 
   /**

ts/output/chtml/Wrappers/TextNode.ts

@@ -58,13 +58,6 @@ CommonTextNodeMixin<CHTMLConstructor<any, any, any>>(CHTMLWrapper) {
     'mjx-utext': {
       display: 'inline-block',
       padding: '.75em 0 .2em 0'
-    },
-    //
-    //  WebKit-specific CSS to handle bug with clipped characters.
-    //  (test found at https://browserstrangeness.bitbucket.io/css_hacks.html#safari)
-    //
-    '_::-webkit-full-page-media, _:future, :root mjx-container': {
-      'will-change': 'opacity'
     }
   };