enhance(style):恢复对象形式的样式定义。

src/global-style.tsx

@@ -2,20 +2,20 @@ import { css } from "@emotion/react";
 import { mq } from "./style-predefines";
 
 export const globalStyle = (theme) =>
-  css`
+  css({
-    :root {
+    [":root"]: {
-      color-scheme: light dark;
+      colorScheme: "light dark",
-      font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
+      fontFamily: "Inter, Avenir, Helvetica, Arial, sans-serif",
-      font-size: 0.625;
+      fontSize: 0.625,
-      font-synthesis: none;
+      fontSynthesis: "none",
-      text-rendering: optimizeLegibility;
+      textRendering: "optimizeLegibility",
-      -webkit-font-smoothing: antialiased;
+      WebkitFontSmoothing: "antialiased",
-      -moz-osx-font-smoothing: grayscale;
+      MozOsxFontSmoothing: "grayscale",
-      -webkit-text-size-adjust: 100%;
+      WebkitTextSizeAdjust: "100%",
-      background-color: ${theme.backgroundColor.light};
+      backgroundColor: theme.backgroundColor.light,
-      overflow: hidden;
+      overflow: "hidden",
-      ${mq.dark} {
+      [mq.dark]: {
-        background-color: ${theme.backgroundColor.dark};
+        backgroundColor: theme.backgroundColor.dark,
-      }
+      },
-    }
+    },
-  `;
+  });