Vite doesn't detect changes in .css (.less, .scss, etc...) files in watch mode in Vite + Vue when file is attached with <style src="..."></style>

[minenwerfer]

Describe the bug

When using symlinks inside node_modules (to test a library on an edge application, for example), Vite is unable to detect changes in files attached in Vue SFC's <style src="..."></style>.

If however the file is imported using import './file.css' inside <script setup></script>, changes on it start to be detected again.

Reproduction

https://github.com/minenwerfer/vite-repro

Steps to reproduce

Please look into the readme file.

System Info

System:
    OS: Linux 6.5 Arch Linux
    CPU: (8) x64 Intel(R) Core(TM) i5-10210U CPU @ 1.60GHz
    Memory: 4.09 GB / 7.58 GB
    Container: Yes
    Shell: 5.1.16 - /bin/bash
  Binaries:
    Node: 20.6.1 - /usr/bin/node
    Yarn: 1.22.19 - /usr/bin/yarn
    npm: 10.4.0 - /usr/bin/npm
    pnpm: 8.7.6 - /usr/bin/pnpm
    bun: 1.0.25 - ~/.bun/bin/bun
  Browsers:
    Chromium: 117.0.5938.88
  npmPackages:
    @vitejs/plugin-vue: ^5.0.4 => 5.0.4 
    vite: ^5.1.4 => 5.1.4

Used Package Manager

npm

Logs

No response

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Make sure this is a Vite issue and not a framework-specific issue. For example, if it's a Vue SFC related bug, it should likely be reported to vuejs/core instead.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
• The provided reproduction is a minimal reproducible example of the bug.

[bluwy]

Duplicate of vitejs/vite-plugin-vue#359