message: refactor: call applyStyleConfigs from theme-tools package
diff: @@ -7,8 +7,8 @@ import {
  ThemeProvider,
  GlobalStyle,
  } from "@chakra-ui/system"
  -import { styleConfig, multiStyleConfig } from "@chakra-ui/theme-tools"
  import defaultTheme from "@chakra-ui/theme"
  +import { applyStyleConfigs } from "@chakra-ui/theme-tools"
  import * as React from "react"
  export interface ChakraProviderProps extends Partial<ThemeProviderProps> {
  @@ -33,26 +33,17 @@ export interface ChakraProviderProps extends Partial<ThemeProviderProps> {
  * The global provider that must be added to make all Chakra components
  * work correctly
  */
  -export const ChakraProvider: React.FC<ChakraProviderProps> = (props) => {
  - const {
  +export const ChakraProvider: React.FC<ChakraProviderProps> = ({
  theme = defaultTheme,
  - children,
  - storageManager,
  - resetCSS,
  - portalConfig,
  - } = props
  + ...props
  +}) => {
  + const { children, storageManager, resetCSS, portalConfig } = props
  if (!theme) {
  throw Error("ChakraProvider: the `theme` prop is required")
  }
  - Object.keys(theme.components).forEach((component) => {
  - return theme.components[component].parts
  - ? (theme.components[component] = multiStyleConfig(
  - theme.components[component],
  - ))
  - : (theme.components[component] = styleConfig(theme.components[component]))
  - })
  + theme = applyStyleConfigs(theme)
  return (
  <ThemeProvider theme={theme}>
  