I currently have a typescript,nextJs,react project set up that two days ago was rendering pages successfully. However, when redeploying the project today (with no new code changes) the project now returns this error when trying to load a page:

⨯ ./src/styles/globals.css

Module parse failed: Unexpected character '@' (1:0)

> @import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap';);

@tailwind base;

@tailwind components;

Import trace for requested moduel:

./src/styles/global.css

./src/app/layout.tsx

Has something changed with the deploy process recently? I'm not sure what the issue is.

For added context I already have tailwind, postcss, autoprefixer set up and can confirm that the application works for me locally