Hi everyone 👋,

I’m working on an Expense Tracker project using Next.js 15, Tailwind CSS v4, and ShadCN UI.
After upgrading to Tailwind v4, I’m getting errors in my globals.css file on these lines:

@custom-variant dark (&:is(.dark *));
@theme inline { ... }


They are underlined in my editor.

My current postcss.config.js is:

module.exports = {
plugins: {
'@tailwindcss/postcss': {},
autoprefixer: {},
},
};


And my tailwind.config.js is:

/ @type {import('tailwindcss').Config} */
module.exports = {
content: [
"./app//.{js,ts,jsx,tsx}",
"./pages/**/.{js,ts,jsx,tsx}",
"./components/*/.{js,ts,jsx,tsx}"
],
theme: {
extend: {},
},
plugins: [],
};


Does anyone know how to fix this so that @custom-variant and @theme inline work correctly with Tailwind v4 + Turbopack?