Revert "fix(provider): [theme] incorrect object type provide to component tree"

Author: akinoccc

packages/core/src/providers/theme.ts

@@ -1,4 +1,4 @@
-import { defineComponent, h, PropType, provide, reactive, ref, watch } from 'vue'
+import { defineComponent, h, PropType, provide, ref, watch } from 'vue'
 
 export interface DefaultTheme {
   [key: string]: any
@@ -7,7 +7,7 @@ export interface DefaultTheme {
 export const ThemeProvider = defineComponent(
   (props, { slots }) => {
     const theme = ref(props.theme)
-    provide('$theme', reactive(theme.value as DefaultTheme))
+    provide('$theme', theme)
 
     watch(
       () => props.theme,

packages/core/src/styled.ts

@@ -7,7 +7,7 @@ import {
   onUnmounted,
   PropType,
   PublicProps,
-  reactive,
+  Ref,
   SlotsType,
   watch,
 } from 'vue'
@@ -66,9 +66,9 @@ function baseStyled<P extends Record<string, any>>(target: string | InstanceType
     return defineComponent(
       (props, { slots }) => {
         const myAttrs = { ...attributes }
-        const theme = inject<Record<string, string | number>>('$theme', reactive({}))
+        const theme = inject<Ref<Record<string, string | number>>>('$theme')
         let context = {
-          theme,
+          theme: theme?.value ?? {},
           ...props,
         }
 
@@ -78,7 +78,7 @@ function baseStyled<P extends Record<string, any>>(target: string | InstanceType
           [theme, props],
           () => {
             context = {
-              theme,
+              theme: theme?.value ?? {},
               ...props,
             }
             injectStyle<T & { theme: DefaultTheme }>(myAttrs.class, cssWithExpression, context)