After updating Tailwind CSS to version 4 in Angular using npx @tailwindcss/upgrade@next --force, I encountered errors.

[manise1988]

these are the errors:
Cannot apply unknown utility class: -top-6,
node_modules.pnpm@[email protected]_@angu_25a75d4b0001b30a5056367040380c53\node_modules@angular\build\src\tools\esbuild\load-result-cache.js
This is the update process:
npx @tailwindcss/upgrade@latest --force
npm warn Unknown project config "always-auth". This will stop working in the next major version of npm.
npm warn Unknown project config "always-auth" . This will stop working in the next major version of npm.
npm warn Unknown project config "shamefully-hoist". This will stop working in the next major version of npm.
Need to install the following packages:
@tailwindcss/[email protected]
Ok to proceed? (y) y

≈ tailwindcss v4.1.6

│ Searching for CSS files in the current directory and its subdirectories…

│ ↳ Linked .\tailwind.config.js to .\src\tailwind.css

│ Migrating JavaScript configuration files…

│ ↳ The configuration file at .\tailwind.config.js could not be automatically migrated to the new CSS configuration format, so your CSS has been updated to load your existing configuration
│ file.

│ Migrating stylesheets…

│ ↳ Migrated stylesheet: .\src\tailwind.css

│ Updating dependencies…

│ ↳ Updated package: tailwindcss

│ ↳ Updated package: prettier-plugin-tailwindcss

│ Migrating templates…

│ ↳ Migrated templates for configuration file: .\tailwind.config.js

│ ↳ Installed package: @tailwindcss/postcss

[wongjn]

You probably need to use the @reference directive.

[wongjn]

Tailwind is not meant to be used with Sass.

[manise1988]

However, some developers have successfully implemented this approach. For reference, see this implementation guide: https://jits.dev/blog/migrating-angular-tailwind-v4/

[wongjn]

That may be so, but that doesn't change the fact that Tailwind is not meant to be used with Sass.

[manise1988]

Can I create a CSS file using Tailwind comments and then use it in an SCSS file?

[manise1988]

I have a project that uses Tailwind CSS v3 in combination with Sass. I need to update the project, but it’s not compatible with Tailwind v4. As a result, I’m unable to upgrade. I’m now looking for an alternative to Tailwind. What options do I have?