How to use the @storybook/components.Input.styles function in @storybook/components

export default ({ theme, size }) => ({
  ...Input.sizes({ size, theme }),
  '&.rdt': {
    position: 'relative',
  },
  '& > input': {
    width: '100%',
    height: 32,
    ...Input.styles({ theme }),
    ...Input.alignment({ theme }),
  },
  '& .rdtPicker': {
    display: 'none',
    position: 'absolute',
    width: 200,
    padding: 4,
    marginTop: 1,
    zIndex: 99999,
    background: theme.barFill,
  },
  '&.rdtOpen .rdtPicker': {
    display: 'block',
  },
  '&.rdt .rdtPicker': {
    boxShadow: 'none',