[v4] How to ignore specific files using "@source not" and glob pattern?

[mek-earnin]

What I want to do

Configuring a vite app to detect class names in the design system package and exclude custom styles in storybook files and unit test files.

Context

• An nx monorepo with apps and packages
• A vite app uses a design system package
• Each the design system component has Component.tsx, Component.stories.tsx, and Component.spec.tsx
• Stories contains custom styles just for documentation purposes and only apply in storybook
• [email protected], @tailwindcss/[email protected], [email protected]

What I have tried

I added an arbitrary class i.e., w-[7777px], in certain files and tried building it with

npx @tailwindcss/cli -i ./tailwind.config.css -o ./output.css

then inspected whether the class is included in output.css.

1. file glob with @source not (not working)

/* tailwind.config.css */
@import "tailwindcss" source(none);

@source "./index.html";
@source "./src/**/*.{ts,tsx}"; /* Not sure if this is valid but seems to work */
@source "../../packages/design-system/src/**/*.{ts,tsx}"; /* Not sure if this is valid but seems to work */
@source not "../../**/*.{stories,spec}.{ts,tsx}"; /* doesn't work */
@source not "../../**/*.stories.tsx"; /* doesn't work */
@source not "../../**/*.spec.tsx"; /* doesn't work */

2. @config with content (not working)

/* tailwind.config.css */
@import "tailwindcss" source(none);

@config "./tailwind-content-glob.js";

// tailwind-content-glob.js
export default {
  content: [
    'index.html',
    'src/**/*.{ts,tsx}',
    '../../packages/design-system/src/**/*.{ts,tsx}',
    '!../../**/*.stories.tsx', // doesn't work
    '!../../**/*.spec.tsx', // doesn't work
  ],
}

Potential issues

• Could it be that @source or the new Scanner doesn't actually support file level glob but only supports directory level glob?
• The doc doesn't explicitly say it supports glob and implicitly hint that we should enter directory paths, e.g.

  Use @source to explicitly register source paths
  Use @source not to ignore specific paths

• However, this PR contains examples of using globs like @source "../../lib/ui/**/*.bin";, although unclear whether it works with @source not or not.