Cannot get Chakra-UI to render on Content
Hi I was trying to make a sidepanel overlay using plasmo to track my leetcode progress against a weekly goals, and want to use Chakra-UI's progress bar. However, I cannot get the component to render on the side panel. I've provided the code and screenshots below. Content.tsx: ```import { ChakraProvider } from "@chakra-ui/react"
import cssText from "data-text:~style.css"
import type { PlasmoCSConfig } from "plasmo"
import { CountButton } from "~features/count-button"...
Having a hard time integrating shad-cn with plasmo
I"'m using all the default config but for some, the text doesn't get the right CSS property. Any idea why that is?
I would appreciate the help, at this point, I'm so confused I have no clue what's working or not. There seems to be some CSS property that gets overridden and the same behavior isn't replicable on a non-plasma-based project. So what's going on here really? I will have to manually add color classes to text which would be too painful to maintain.
Here's the gist with all the config https://gist.github.com/purplecandy/57e603260aba0f3b4fd780b469aca6e9...
