message: refactor: update types for theme-provider
diff: import { ColorModeProvider } from "@chakra-ui/color-mode"
  -import { createContext } from "@chakra-ui/utils"
  +import { createContext, merge, Dict } from "@chakra-ui/utils"
  import { ThemeContext } from "@emotion/core"
  import * as React from "react"
  import { ThemingProps } from "./system.types"
  import { GlobalStyle } from "./global"
  -export type ThemeProviderProps = {
  +export interface ThemeProviderProps {
  children?: React.ReactNode
  - theme: object
  + theme: Dict
  }
  export function ThemeProvider(props: ThemeProviderProps) {
  const { children, theme } = props
  - const outerTheme = React.useContext(ThemeContext)
  - const mergedTheme = { ...outerTheme, ...theme }
  + const outerTheme = React.useContext(ThemeContext) as Dict
  + const mergedTheme = merge(outerTheme, theme)
  return (
  <ThemeContext.Provider value={mergedTheme}>
  @@ -22,7 +22,7 @@ export function ThemeProvider(props: ThemeProviderProps) {
  )
  }
  -export function useTheme<T extends object = object>() {
  +export function useTheme<T extends object = Dict>() {
  const theme = React.useContext(
  (ThemeContext as unknown) as React.Context<T | undefined>,
  )
  