message: chore: refactor theme - Popover
diff: @@ -3,7 +3,7 @@ import {
  createMultiStyleConfigHelpers,
  defineStyle,
  } from "@chakra-ui/styled-system"
  -import { cssVar, mode } from "@chakra-ui/theme-tools"
  +import { cssVar } from "@chakra-ui/theme-tools"
  const { defineMultiStyleConfig, definePartsStyle } =
  createMultiStyleConfigHelpers(parts.keys)
  @@ -14,15 +14,15 @@ const $arrowShadowColor = cssVar("popper-arrow-shadow-color")
  const baseStylePopper = defineStyle({ zIndex: 10 })
  -const baseStyleContent = defineStyle((props) => {
  - const bg = mode("white", "gray.700")(props)
  - const shadowColor = mode("gray.200", "whiteAlpha.300")(props)
  -
  - return {
  - [$popperBg.variable]: `colors.${bg}`,
  +const baseStyleContent = defineStyle({
  + [$popperBg.variable]: `colors.white`,
  bg: $popperBg.reference,
  [$arrowBg.variable]: $popperBg.reference,
  - [$arrowShadowColor.variable]: `colors.${shadowColor}`,
  + [$arrowShadowColor.variable]: `colors.gray.200`,
  + _dark: {
  + [$popperBg.variable]: `colors.gray.700`,
  + [$arrowShadowColor.variable]: `colors.whiteAlpha.300`,
  + },
  width: "xs",
  border: "1px solid",
  borderColor: "inherit",
  @@ -33,7 +33,6 @@ const baseStyleContent = defineStyle((props) => {
  outline: 0,
  boxShadow: "outline",
  },
  - }
  })
  const baseStyleHeader = defineStyle({
  @@ -61,14 +60,14 @@ const baseStyleCloseButton = defineStyle({
  padding: 2,
  })
  -const baseStyle = definePartsStyle((props) => ({
  +const baseStyle = definePartsStyle({
  popper: baseStylePopper,
  - content: baseStyleContent(props),
  + content: baseStyleContent,
  header: baseStyleHeader,
  body: baseStyleBody,
  footer: baseStyleFooter,
  closeButton: baseStyleCloseButton,
  -}))
  +})
  export const popoverTheme = defineMultiStyleConfig({
  baseStyle,
  