[sass] Error since v7.0.1

[msev]

Describe the bug

Hi,

Since version 7.0.1, I've had an error when compiling sass in a particular case.
In a project, I have a folder named like a file at the same level:

dev/
  styles/
    components/
      section.scss
      section/

When i run the vite build command, i have the following error:

[sass] Error: Error: EISDIR: illegal operation on a directory, read
   ╷
36 │ @use 'components/section';

The solution that works is to add the .scss extension to @use, but this always worked before version 7.0.1.
If I rollback to version 7.0.0, I no longer have the problem and compilation works perfectly.

Reproduction

XXX

Steps to reproduce

No response

System Info

System:
    OS: macOS 15.3.2
    CPU: (8) arm64 Apple M1
    Memory: 130.52 MB / 16.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 22.15.1 - /usr/local/bin/node
    Yarn: 1.22.22 - ~/.yarn/bin/yarn
    npm: 8.19.2 - /opt/homebrew/bin/npm
  Browsers:
    Chrome: 137.0.7151.120
    Safari: 18.3.1
    Safari Technology Preview: 26.0

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.

[mlankamp]

I have the same problem with version 7.0.1 and vuetify:

[vite:css] [sass] EISDIR: illegal operation on a directory, read
  ╷
3 │ @forward './settings'
  │ ^^^^^^^^^^^^^^^^^^^^^

[bricss]

Same issue since v7.0.1:

[vite] Internal server error: [sass] Can't find stylesheet to import.
  ╷
2 │ @use 'fonts';
  │ ^^^^^^^^^^^^

[cathrinevaage]

While the original issue points out an issue with conflicting directory and file names, this also presents as an issue when targeting an index file by importing the surrounding directory.
E.g. where components/index.scss is a barrel file:

sass/
  components/
    index.scss
    foo.scss
    bar.scss
  app.scss

// app.scss
@import './components';

[vite] Internal server error: [sass] EISDIR: illegal operation on a directory, read
   ╷
11 │ @import "./components";
   │         ^^^^^^^^^^^^^^
   ╵

[mrginglymus]

probable culprit:

• fix(css): skip resolving resolved paths in sass #20300

[ffxsam]

Vite 7 breaks Vuetify 3 for me. Hundreds of errors about @use. Same EISDIR error as others have mentioned.