Removing unused classes v4

[alekseykurylev]

Hi everyone.

@import "tailwindcss";
@source "../node_modules/@repo/ui";

I'm using the ui package from monorepo. The application uses only one component from this package, but all styles are added to the build. Is this how it should be, or am I missing something?

shadcn has a similar situation https://ui.hacks.com/docs/monorepo

Environment:
tailwindcss: 4.1.10
next: 15.3.2
turbo: 2.5.3

[wongjn]

You're not missing something. That's how I would expect it to be.

[alekseykurylev]

How can unused classes be deleted? Are there any solutions?

[wongjn]

You could:

• Change your @source to only point to files you use:

  @source "../node_modules/@repo/ui/button.js";

• Use not to exclude files you don't use:

  @source "../node_modules/@repo/ui";
  @source not "../node_modules/@repo/ui/alert.js";

• Use not inline() to exclude class names you know you don't need:

  @source "../node_modules/@repo/ui";
  @source not inline("bg-{red,green,blue}-500");