message: feat: new prop resolution cheanges in flex
diff: @@ -2,9 +2,8 @@ import React, { memo, forwardRef } from 'react';
  import Box from '../Box';
  import type { IFlexProps } from './types';
  import { usePropsResolution } from '../../../hooks/useThemeProps';
  -const Flex = (
  - {
  - style,
  +const Flex = (props: IFlexProps, ref: any) => {
  + const {
  align,
  justify,
  wrap,
  @@ -12,24 +11,20 @@ const Flex = (
  grow,
  shrink,
  direction,
  - ...props
  - }: IFlexProps,
  - ref: any
  -) => {
  - const newProps = usePropsResolution('Flex', props);
  + ...resolvedProps
  + } = usePropsResolution('Flex', props);
  return (
  <Box
  {...props}
  - {...newProps}
  + {...resolvedProps}
  display="flex"
  - flexDirection={direction || newProps.flexDirection}
  - alignItems={align || newProps.alignItems}
  - justifyContent={justify || newProps.justifyContent}
  - flexGrow={grow || newProps.flexGrow}
  - flexBasis={basis || newProps.flexBasis}
  - flexShrink={shrink || newProps.flexShrink}
  - flexWrap={wrap || newProps.flexWrap}
  - style={style}
  + flexDirection={direction || resolvedProps.flexDirection}
  + alignItems={align || resolvedProps.alignItems}
  + justifyContent={justify || resolvedProps.justifyContent}
  + flexGrow={grow || resolvedProps.flexGrow}
  + flexBasis={basis || resolvedProps.flexBasis}
  + flexShrink={shrink || resolvedProps.flexShrink}
  + flexWrap={wrap || resolvedProps.flexWrap}
  ref={ref}
  />
  );
  