I have an extended Chakra UI theme (extendedConfig) in my React project, which includes custom variants for text styles. While the custom variants work fine, I'm not getting autocomplete when I try to use them in my components like <Text variant={''}>. I'm using TypeScript, and I've also tried adding satisfies ThemeOverride and using the Chakra UI CLI, but to no avail.
Here's how I'm trying to use the ChakraProvider:
<ChakraProvider theme={myTheme satisfies ThemeOverride}>
{children}
</ChakraProvider>
Can anyone help me understand why I'm not getting autocomplete for my custom text variants, and how I can fix it?