fix: popover initial transition state

Author: codebender828

@types/components.d.ts

@@ -6,7 +6,7 @@
  *
  * This is a generated file. Do not edit it's contents.
  *
- * This file was generated on 2023-03-01T19:58:41.256Z
+ * This file was generated on 2023-03-04T20:41:26.135Z
  */
 
 import { ChakraProps, chakra } from "@chakra-ui/vue-system"

components.d.ts

@@ -6,7 +6,7 @@
  *
  * This is a generated file. Do not edit it's contents.
  *
- * This file was generated on 2023-03-01T19:58:41.256Z
+ * This file was generated on 2023-03-04T20:41:26.135Z
  */
 
 import { ChakraProps, chakra } from "@chakra-ui/vue-system"

packages/c-close-button/src/c-close-button.tsx

@@ -1,13 +1,6 @@
 import { h, defineComponent, PropType, computed } from "vue"
-import {
-  chakra,
-  DOMElements,
-  useStyleConfig,
-} from "@chakra-ui/vue-system"
-import {
-  SystemStyleObject,
-  ThemingProps
-} from "@chakra-ui/styled-system"
+import { chakra, DOMElements, useStyleConfig } from "@chakra-ui/vue-system"
+import { SystemStyleObject, ThemingProps } from "@chakra-ui/styled-system"
 import { filterUndefined } from "@chakra-ui/utils"
 import { getValidChildren } from "@chakra-ui/vue-utils"
 
@@ -45,6 +38,10 @@ export const CCloseButton = defineComponent({
     },
     size: [String] as CloseButtonProps["size"],
     styleConfig: [String] as CloseButtonProps["styleConfig"],
+    __css: {
+      type: [Object] as PropType<SystemStyleObject>,
+      default: () => ({}),
+    },
   },
   setup(props, { slots, attrs }) {
     return () => {
@@ -72,7 +69,7 @@ export const CCloseButton = defineComponent({
           disabled={props.isDisabled}
           aria-label="Close"
           __label="icon-button"
-          __css={{ ...baseStyles, ...styles.value }}
+          __css={{ ...baseStyles, ...styles.value, ...props.__css }}
           {...attrs}
         >
           {() => (slots.default ? getValidChildren(slots) : <CCloseIcon />)}