How to use the @artsy/palette.themeProps.typeSizes function in @artsy/palette

function getTypeSizes(type: T) {
  const typeSizes = themeProps.typeSizes[type] // as TypeSizes[T]
  return Object.keys(typeSizes) as Array
}

>
           this.setState({ focused: true })}
            onBlur={() =>
              this.setState({
                focused: false,
              })
            }
            onReady={(el => (this.cardInputElement = el)) as any}
            style={{
              base: {
                "::placeholder": { color: color("black30") },
                fontFamily: fontFamily.serif.regular as string,
                fontSize: `${themeProps.typeSizes.serif["3t"].fontSize}px`,
                fontSmoothing: "antialiased",
                lineHeight: "20px",
              },
            }}
          />
        
        {message && (
          
            {message}
          
        )}
      
    )
  }
}