update chakra to 1.7.1 & close dark mode

packages/editor/package.json

@@ -32,7 +32,7 @@
   },
   "dependencies": {
     "@chakra-ui/icons": "^1.0.15",
-    "@chakra-ui/react": "^1.6.5",
+    "@chakra-ui/react": "^1.7.1",
     "@emotion/react": "^11",
     "@emotion/styled": "^11",
     "@meta-ui/core": "^0.2.2",

packages/runtime/package.json

@@ -30,7 +30,7 @@
   },
   "dependencies": {
     "@chakra-ui/icons": "^1.0.15",
-    "@chakra-ui/react": "^1.6.5",
+    "@chakra-ui/react": "^1.7.1",
     "@emotion/react": "^11",
     "@emotion/styled": "^11",
     "@meta-ui/core": "^0.2.2",

packages/runtime/src/components/chakra-ui/Root.tsx

@@ -1,11 +1,16 @@
-import { ChakraProvider } from '@chakra-ui/react';
+import { ChakraProvider, extendTheme } from '@chakra-ui/react';
 import { ComponentImplementation } from '../../services/registry';
 import { createComponent } from '@meta-ui/core';
 import Slot from '../_internal/Slot';
 
 const Root: ComponentImplementation<Record<string, unknown>> = ({ slotsMap }) => {
   return (
-    <ChakraProvider>
+    <ChakraProvider
+      theme={extendTheme({
+        initialColorMode: 'dark',
+        useSystemColorMode: false,
+      })}
+    >
       <Slot slotsMap={slotsMap} slot="root" />
     </ChakraProvider>
   );