hello, im trying to use gluestack ui for an in house component library. i need to have disabled hover active states on most components so i can use tailwind to change the style. however it seems to be very hit or miss if the pseudo class is supported for that component eg i need to change the border colour of the select trigger box and i cant use hover: or data-[hover=true]:

<SelectTrigger variant="outline" size="lg" className="h-[56px] border-background-400 data-[hover=true]:border-background-700 border-2  ">

do you know how i can make this work here and with other components affected by this?
ps im a react and react native noob. this is my first project