Ability to use @reference using absolute path with postcss

[noguespi]

Tailwind 4.1.11 Angular 20 + postcss

With Tailwind 4 + PostCSS (angular) we have to use @reference using relative path which is very cumbersome because it changes for each component.

Many users are reporting this problem [1] [2] [3]

In angular we don't have access to vite configuration.

stylePreprocessorOptions.includePaths in angular.json doesn't fix the issue.

(We could use @reference tailwindcss but it won't apply style customization so it's useless).

[wongjn]

Thank you for your suggestion. I've converted your an issue to an Ideas discussion as that's where we have feature requests 👍

As a workaround, you can try using subpath imports:

// package.json
{
  …
  "imports": {
    "#index.css": "./path/to/index.css"
  },
  …
} 

@reference "#index.css";

[noguespi]

Thank you, I've already seen your suggested workaround here . I didn't bother to try because users reported it didn't work...

But I tested and it looks like it's working ! Thank you.