Text shadows not possible with text-clipped gradients?

[enlivn]

If I apply a gradient to text and apply a text shadow, it looks wrong (you can try it out in the chakra UI playground live example here):

<Text
  bgGradient='linear(to-l, #7928CA, #FF0080)'
  bgClip='text'
  fontSize='6xl'
  fontWeight='extrabold'
  textShadow="0px 1px 2px black"
>
  Welcome to Chakra UI
</Text>

this results in

I can fake it by adding another <Text> (that the user can't actually see) below this one:

<Stack>
<Text
  position="absolute"
  bgGradient='linear(to-l, #7928CA, #FF0080)'
  bgClip='text'
  fontSize='6xl'
  fontWeight='extrabold'
>
  Welcome to Chakra UI
</Text>
<Text
  fontSize='6xl'
  fontWeight='extrabold'
  textShadow="0px 1px 2px black"
>
  Welcome to Chakra UI
</Text>
</Stack>

which gives:

If this is indeed a limitation, it would be nice to add a note to that section. I'd be happy to PR that in.