Hi,
whenever I change or even just save existing globals.css file, my app throws maximum calll size exceeds error.

⨯ ./src/app/globals.css.webpack[javascript/auto]!=!./node_modules/.pnpm/next@14.2.3_react-dom@18.2.0_react@18.2.0__react@18.2.0/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[2]!./node_modules/.pnpm/next@14.2.3_react-dom@18.2.0_react@18.2.0__react@18.2.0/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[3]!./src/app/globals.css
RangeError: Maximum call stack size exceeded
    at String.match (<anonymous>)
    at async Promise.all (index 152)
Import trace for requested module:
./src/app/globals.css.webpack[javascript/auto]!=!./node_modules/.pnpm/next@14.2.3_react-dom@18.2.0_react@18.2.0__react@18.2.0/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[2]!./node_modules/.pnpm/next@14.2.3_react-dom@18.2.0_react@18.2.0__react@18.2.0/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[3]!./src/app/globals.css
./src/app/globals.css

I am using shadcn & tailwind. My css file looks like this :
https://gist.github.com/hyper-dot/5ecf2e8b55bf694c97070e5bedbd2c66

And here is my tailwind config :
https://gist.github.com/hyper-dot/af0284b0d6069420f4ea30ca9cc67d54

Any Idea why these happens ?