I am working in a nextjs project that had tailwind enabled when I created it. I have the necessary global.css directives, tailwin.config.js, and postcss.config.js files.

I can add tailwind styles to my components but the "base" styles that should be applied by the directives in global.css don't seem to work. I have red squiggles under each of them in vs code with error "unknown rule".

I feel like I must be doing something simple wrong but I can't figure this out.