Problem with Tailwindcss v4

[dgateles]

I'm trying to use Tailwind CSS v4, but without success. In the Tailwind documentation for using it with PostCSS, it says to add it as a plugin: https://tailwindcss.com/docs/installation/using-postcss

export default {
  plugins: {
    "@tailwindcss/postcss": {},
  }
}

I tried to apply this configuration in Stencil's PostCSS, but it doesn't recognize @tailwindcss/postcss as a plugin. Any solution for this?

[ ERROR ]  @tailwindcss/postcss is not a PostCSS plugin at Processor.normalize
           (/Users/douglasteles/Documents/Camara/alcance/packages/alcance/node_modules/@stencil-community/postcss/node_modules/postcss/lib/processor.js:38:15)
           at new Processor
           (/Users/douglasteles/Documents/Camara/alcance/packages/alcance/node_modules/@stencil-community/postcss/node_modules/postcss/lib/processor.js:11:25)
           at Object.postcss [as default]
           (/Users/douglasteles/Documents/Camara/alcance/packages/alcance/node_modules/@stencil-community/postcss/node_modules/postcss/lib/postcss.js:26:10)
           at
           /Users/douglasteles/Documents/Camara/alcance/packages/alcance/node_modules/@stencil-community/postcss/dist/index.cjs.js:210:44
           at new Promise (<anonymous>) at Object.transform
           (/Users/douglasteles/Documents/Camara/alcance/packages/alcance/node_modules/@stencil-community/postcss/dist/index.cjs.js:209:20)
           at runPluginTransforms
           (/Users/douglasteles/Documents/Camara/alcance/packages/alcance/node_modules/@stencil/core/compiler/stencil.js:245300:32)
           at async buildGlobalStyles
           (/Users/douglasteles/Documents/Camara/alcance/packages/alcance/node_modules/@stencil/core/compiler/stencil.js:262773:30)
           at async generateGlobalStyles
           (/Users/douglasteles/Documents/Camara/alcance/packages/alcance/node_modules/@stencil/core/compiler/stencil.js:262756:24)

[gratzl-dev]

Any update on this?

[rozsazoltan]

I posted an analysis of each of the errors uncovered here on StackOverflow.

• StencilJS cannot find a valid PostCSS plugin
• StencilJS is not capable of importing CSS files from dependencies via PostCSS
• How to install and use TailwindCSS into StencilJS via PostCSS