Error evaluating Node.js code

[sunshmo]

When you rename the globals.css in the app directory to globals.css, the following error message will appear on the screen. Undo the file name change and there will be no error message.

Build Error


Error evaluating Node.js code

./packages/shared-models/app/globals.scss

Error evaluating Node.js code
Error: Expected expression.

How to reproduce the bug.

1. The project was created using npx create-next-app@latest
2. pnpm dlx shadcn@latest init
3. pnpm dlx shadcn@latest add button

Here are some dependency configurations for the project.

{
  "dependencies": {
    "@radix-ui/react-slot": "^1.1.2",
    "class-variance-authority": "^0.7.1",
    "clsx": "^2.1.1",
    "lucide-react": "^0.483.0",
    "next": "^15.2.4",
    "react": "^19.0.0",
    "react-dom": "^19.0.0",
    "tailwind-merge": "^3.0.2",
    "tw-animate-css": "^1.2.4"
  },
  "devDependencies": {
    "@tailwindcss/postcss": "^4",
    "@types/node": "^20",
    "@types/react": "^19",
    "@types/react-dom": "^19",
    "sass-embedded": "^1.86.0",
    "tailwindcss": "^4",
    "typescript": "^5"
  }
}

next.config.ts

import type { NextConfig } from "next";

const nextConfig: NextConfig = {
  /* config options here */
  sassOptions: {
    implementation: 'sass-embedded'
  }
};

export default nextConfig;

[RobinMalfait]

Hey!

It looks like the CSS file is being imported as a JS file for some reason but I'm pretty sure Tailwind CSS is not doing that.

Setting this up manually, I can use a global.css file with any issues, so there is something else in your setup that is not working.

Can you create a minimal reproduction and link it here so we can take a look?

Side note that Tailwind CSS itself does not work with any type of sass/scss, but I don't think this is the problem here.

[yekta]

I'm having the exact same issue. The only thing I did is upgrading from Tailwind 4.0.9 to 4.1.2.

[jaskarandeogan]

Having same issue. I upgraded my tailwind version to "tailwindcss": "^4.1.2", but getting this issue.