Classes are not being generated if using breakpoint

[vatsake]

What version of Tailwind CSS are you using?
4.1.2 Doesn't work,
3. does work.

What build tool (or framework if it abstracts the build tool) are you using?
postcss 8.5.6

What version of Node.js are you using?
24.4.1

What browser are you using?
Chrome

What operating system are you using?
Win11

Describe your issue
I am using tailwind as a postcss plugin. New 4. version requires @tailwindcss/postcss.
It generated normal class like flex, p-4, but whenever i'm adding a breakpoint to class sm:flex, then the class isn't generated.

[Matheun]

@vatsake Could you provide a reproduction?

[vatsake]

Sure
https://github.com/vatsake/tailwind

npm install
gulp watch

[Matheun]

Looks like tailwind isn't working at all, i'm missing all the base styles like bg-red etc

I'll have a look as to how to get it to work with gulp

[Matheun]

What will make it work is as follows:

1. Remove sass from postcss
2. Add a style.css with @import "tailwindcss";
3. Make sure to remove the sass pipe from postcss

[vatsake]

Okay thanks, got it working now. Guess sass was the culprit.