fix(core): avoid side effects (#8245)

packages/frontend/component/package.json

@@ -4,7 +4,7 @@
   "main": "./src/index.ts",
   "exports": {
     ".": "./src/index.ts",
-    "./theme/*": "./src/theme/*",
+    "./theme": "./src/theme/index.ts",
     "./ui/*": "./src/ui/*/index.ts",
     "./*": "./src/components/*/index.tsx"
   },

packages/frontend/component/src/theme/global.css

@@ -1,6 +1,3 @@
-@import './fonts.css';
-@import '@toeverything/theme/style.css';
-
 * {
   -webkit-overflow-scrolling: touch;
   -webkit-tap-highlight-color: rgba(255, 255, 255, 0);

packages/frontend/component/src/theme/index.ts

@@ -0,0 +1,4 @@
+import '@toeverything/theme/style.css';
+import './fonts.css';
+import './global.css';
+import './theme.css';

packages/frontend/component/src/theme/theme.css.ts

@@ -6,9 +6,3 @@ globalStyle('body', {
   fontFamily: cssVar('fontFamily'),
   fontSize: cssVar('fontBase'),
 });
-
-if (process.env.NODE_ENV === 'development') {
-  globalStyle('.undefined', {
-    border: '5px solid red !important',
-  });
-}