fix(css): typedef issue(#50)

Author: akinoccc

packages/core/src/helper/css.ts

@@ -2,7 +2,7 @@ import type { BaseContext } from '../styled'
 import type { ExpressionType } from '../utils'
 import { insertExpressions } from '../utils'
 
-export function css<T = BaseContext<any>>(
+export function css<T = BaseContext<object & { [key: string]: any }>>(
   strings: TemplateStringsArray,
   ...interpolations: (ExpressionType<T> | ExpressionType<T>[])[]
 ): ExpressionType<T>[] {

packages/playground/src/App.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import styled, { css, ThemeProvider } from '../../core/dist'
+import styled, { css, ThemeProvider } from '@vue-styled-components/core'
 import { reactive, ref, computed, onMounted, onUnmounted } from 'vue'
 import PerformancePanel from './components/PerformancePanel.vue'
 import BasicTests from './components/BasicTests.vue'
@@ -78,21 +78,12 @@ const Sidebar = styled.aside`
   padding: 1rem;
 `
 
-
-const cs = css`
+const TabButton = styled.button<{ active: boolean }>`
   width: 100%;
   padding: 0.75rem 1rem;
   margin-bottom: 0.5rem;
   background: ${props => props.active ? 'rgba(255, 255, 255, 0.2)' : 'transparent'};
   color: white;
-`
-
-const TabButton = styled.button<{ active: boolean }>`
-  width: 100%;
-  padding: 0.75rem 1rem;
-  margin-bottom: 0.5rem;
-  background: ${props => props.theme.active ? 'rgba(255, 255, 255, 0.2)' : 'transparent'};
-  color: ${props => props.theme.background};
   border: 1px solid ${props => props.active ? 'rgba(255, 255, 255, 0.3)' : 'rgba(255, 255, 255, 0.1)'};
   border-radius: 8px;
   cursor: pointer;