message: fix(button): undefined style props not using default style
  If a style prop was explicitly set to undefined, the prop would still
  be forwarded to the Chakra base html element, overriding any theme styles.
  Props that are undefined are now filtered out and not forwarded to the base
  html element.
  closes
diff: @@ -10,7 +10,13 @@ import {
  useStyleConfig,
  HTMLChakraProps,
  } from "@chakra-ui/system"
  -import { cx, dataAttr, mergeWith, __DEV__ } from "@chakra-ui/utils"
  +import {
  + cx,
  + dataAttr,
  + filterUndefined,
  + mergeWith,
  + __DEV__,
  +} from "@chakra-ui/utils"
  import * as React from "react"
  import { useButtonGroup } from "./button-group"
  @@ -129,7 +135,7 @@ export const Button = forwardRef<ButtonProps, "button">((props, ref) => {
  data-loading={dataAttr(isLoading)}
  __css={buttonStyles}
  className={cx("chakra-button", className)}
  - {...rest}
  + {...filterUndefined(rest)}
  >
  {leftIcon && !isLoading && (
  <ButtonIcon marginEnd={iconSpacing}>{leftIcon}</ButtonIcon>
  