Cli should not scan unauthorized directories

[libondev]

What version of Tailwind CSS are you using?

v4.1.4

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

Vite 6.3.1

What version of Node.js are you using?

v20.13.1

What browser are you using?

Chrome

What operating system are you using?

macOS and Windows

Reproduction URL

https://github.com/libondev/test-tw-cli-scan-dir

Describe your issue

I am using cli to generate static styles for my code base, but it scans other unauthorized paths. For example: I specified my work path as @ @source "../src "; But it outputs the styles in my ./public/about.html.

The final output result should not include the class name in my public/about.html file.

Reproduction step:

• run: pnpm i
• run: pnpm run css
• Check src/output.css

[wongjn]

What you are experiencing is the default automatic source detection, but you can disable it, in src/style.css:

 @layer theme, base, components, utilities;
 @import "tailwindcss/theme.css" layer(theme);
-@import "tailwindcss/utilities.css" layer(utilities);
+@import "tailwindcss/utilities.css" layer(utilities) source(none);

 @source "../src";

Also, I've just seen you could simplify your @source too:

-@source "../src";
+@source "./";

[adamwathan]

Can do this too:

  @layer theme, base, components, utilities;
  @import "tailwindcss/theme.css" layer(theme);
- @import "tailwindcss/utilities.css" layer(utilities);
+ @import "tailwindcss/utilities.css" layer(utilities) source("./");

[libondev]

If anyone else sees this and encounters the problem of semi-colon expected CSS (CSS-semi-colon expected), just install Tailwind CSS IntelliSense plugin and set the following configuration:

"files.associations": {
  "*.css": "tailwindcss"
}

[libondev]

Thank you