fix: revert to use yarn

Author: codebender828

.size-limit.json

@@ -1,7 +1,7 @@
 [
   {
     "path": "packages/core/dist/chakra-ui-vue-next.cjs.prod.js",
-    "limit": "85 KB",
+    "limit": "86 KB",
     "ignore": [
       "vue",
       "@emotion/css"

components.d.ts

@@ -6,7 +6,7 @@
  *
  * This is a generated file. Do not edit it's contents.
  *
- * This file was generated on 2022-01-29T14:19:14.977Z
+ * This file was generated on 2022-01-31T09:07:39.476Z
  */
 
 import { ChakraProps, chakra } from "@chakra-ui/vue-system"
@@ -41,8 +41,7 @@ declare var chakra: typeof import("@chakra-ui/vue-next")["chakra"]
 
 declare module "@vue/runtime-core" {
   import { chakra } from "@chakra-ui/vue-next"
-
-  export var chakra: typeof import("@chakra-ui/vue-next")["chakra"]
+  export { chakra }
 
   /* Global component types for Volar auto-complete */
   export interface GlobalComponents {

packages/c-button/src/button-group.ts

@@ -1,8 +1,5 @@
 import { computed, ComputedRef, defineComponent, h, PropType } from "vue"
-import {
-  SystemCSSProperties,
-  SystemStyleObject,
-} from "@chakra-ui/styled-system"
+import { SystemProps, SystemStyleObject } from "@chakra-ui/styled-system"
 import { chakra, ThemingProps, ComponentWithProps } from "@chakra-ui/vue-system"
 import { createContext, vueThemingProps } from "@chakra-ui/vue-utils"
 
@@ -21,7 +18,7 @@ export interface ButtonGroupProps extends ThemingProps {
    * @default '0.5rem'
    * @type SystemProps["marginRight"]
    */
-  spacing?: SystemCSSProperties["marginRight"]
+  spacing?: SystemProps["marginRight"]
 }
 
 const props = {

packages/c-button/src/button.utils.ts

@@ -1,4 +1,4 @@
-import { SystemCSSProperties } from "@chakra-ui/styled-system"
+import { SystemProps } from "@chakra-ui/styled-system"
 import { vueThemingProps, BaseThemedComponentProps } from "@chakra-ui/vue-utils"
 import { PropType } from "vue"
 
@@ -13,7 +13,7 @@ export interface ButtonProps extends BaseThemedComponentProps {
   type?: ButtonTypes
   leftIcon?: string
   rightIcon?: string
-  iconSpacing?: SystemCSSProperties["marginRight"]
+  iconSpacing?: SystemProps["marginRight"]
 }
 
 export const BUTTON_PROPS = {
@@ -32,8 +32,6 @@ export const BUTTON_PROPS = {
   leftIcon: String as PropType<ButtonProps["leftIcon"]>,
   rightIcon: String as PropType<ButtonProps["rightIcon"]>,
   ...vueThemingProps,
-
-  /** Not sure if the SystemCSSProperties is the right prop type for this */
   iconSpacing: {
     type: [String, Number, Array] as PropType<ButtonProps["iconSpacing"]>,
     default: "0.5rem",