Are you importing tailwind css in the globals.css file?

Can you show your relevant files?

globals.css
@import "tailwindcss";

layout.tsx:
import "@globals";

postcss.config.mjs:

const config = {
  plugins: {
    "@tailwindcss/postcss": {},
  },
};
export default config;

I think the problem is the way you’re importing the styles:
import “@globals”;

Try import “./globals.css”;

Or adjust the path to your case, if you put it inside /src/styles/ folder import "@/styles/globals.css";