--watch doesn't work? must be my configs wrong.. help please :)

[iannn-nv]

here's my site.css

@import 'tailwindcss' source(none);
@import 'swiper/swiper-bundle.css';
@import 'pikaday/css/pikaday.css';
@plugin '@tailwindcss/typography';

@source '../../Views';
@source '../../src/js';
@source '../../appsettings.json';

here's the file structure

- Web
   - | src
     - | css
       - | site.css
   - | Views
     - | abcxyz.cshtml
   - appsettings.json
...

here's the npm script to run the watcher

npx @tailwindcss/cli -i ./src/css/site.css -o ./wwwroot/dist/css/main.css --watch

while i'm making changes to site.css, i don't see the cli rebuilds and i've confirmed the output css file doesn't update.

what could i miss out please?

could it be those @source configs or something else please?

** by the way, npx @tailwindcss/cli -i ./src/css/site.css -o ./wwwroot/dist/css/main.css works well.

[iannn-nv]

i've just now created a minimum project and the CLI also doesn't watch the changes.
https://github.com/iannn-nv/tailwind-4-watcher-investigation/tree/main

what could be missed out by me?