I've suddenly started gettingthis error when I tried to load the globals.css in my pages/_app.tsx

app.tsx

import "@/configs/globals.css";

globals.css

@import "tailwindcss";
@import "@/configs/styles/lib/fonts.css";
@import "@/configs/styles/themes.css";
@import "@/configs/styles/patterns.css";
@import "@/configs/styles/animations.css";

I tried commenting out the @imports in the css file but that didn't fix it I even emptied it out to be an empty css file that also did the error although commenting out the import line in the app.tsx fixed the issue which I obviously don't want to be the solution.

I tried using relative importing instead of using absolute but that still did the error.

I tried commenting out the *.css* imports in globals.css but that still did it same as commenting out @import tailwindcss