message: chore(docs): use extendTheme
diff: -import { theme } from "@chakra-ui/core"
  -import { runIfFn, merge } from "@chakra-ui/utils"
  +import { extendTheme } from "@chakra-ui/core"
  import { mode } from "@chakra-ui/theme-tools"
  -const customTheme = {
  - ...theme,
  +const customTheme = extendTheme({
  styles: {
  - global: (props) =>
  - merge(runIfFn(theme.styles.global, props), {
  + global: (props) => ({
  body: {
  color: mode("gray.700", "whiteAlpha.900")(props),
  fontFamily: "Inter, sans-serif",
  @@ -122,6 +119,6 @@ const customTheme = {
  lineHeight: "normal",
  },
  },
  -}
  +})
  export default customTheme
  