how to change color of "|" TextArea

[brunowilliang]

Explanatory video:
https://user-images.githubusercontent.com/41432581/223189240-7459f1c1-0f43-4e06-9917-e7b0999346b8.mov

I'm trying to change the color of the "|" and I can't, can someone help me?

my code:

      <TextArea 
        h={20} 
        px={4}
        borderWidth={0}
        fontFamily={fonts.medium}
        placeholderTextColor={colors.grey400}
        _focus={{
          bg: colors.secondary,
          rounded: '14px',
        }}
        fontSize={16}
        color={colors.grey400}
        {...p}
      />