Sass imports ignore package.sass if package.exports exists

[KaelWD]

Describe the bug

Node package with

{
  "name": "vuetify",
  "sass": "lib/styles/main.sass",
  "exports": {
    ".": "./lib/framework.mjs"
  }
}

• import 'vuetify' in js loads vuetify/lib/framework.mjs
• @use 'vuetify' in sass should load vuetify/lib/styles/main.sass, but instead throws "Failed to resolve entry for package"

This is caused by #11595, would be helped by #7817

Reproduction

https://stackblitz.com/edit/vitejs-vite-jdslxa?file=src%2Fstyle.scss

Steps to reproduce

No response

System Info

System:
    OS: Linux 5.15 Ubuntu 22.04.1 LTS 22.04.1 LTS (Jammy Jellyfish)
    CPU: (12) x64 AMD Ryzen 5 3600 6-Core Processor
    Memory: 18.60 GB / 31.28 GB
    Container: Yes
    Shell: 5.8.1 - /usr/bin/zsh
  Binaries:
    Node: 16.15.0 - ~/.nvm/versions/node/v16.15.0/bin/node
    Yarn: 1.22.5 - /usr/bin/yarn
    npm: 8.5.5 - ~/.nvm/versions/node/v16.15.0/bin/npm
  Browsers:
    Chrome: 109.0.5414.74
    Firefox: 109.0.1
  npmPackages:
    @vitejs/plugin-vue: ^4.0.0 => 4.0.0 
    vite: ^4.1.1 => 4.1.1

Used Package Manager

npm

Logs

Click to expand!

file:///home/kael/Documents/vuetifyjs/test-projects/vitejs-vite-jdslxa/node_modules/vite/dist/node/chunks/dep-3007b26d.js:22004
    throw new Error(`Failed to resolve entry for package "${id}". ` +
          ^

Error: Failed to resolve entry for package "vuetify". The package may have incorrect main/module/exports specified in its package.json.
    at packageEntryFailure (file:///home/kael/Documents/vuetifyjs/test-projects/vitejs-vite-jdslxa/node_modules/vite/dist/node/chunks/dep-3007b26d.js:22004:11)
    at resolvePackageEntry (file:///home/kael/Documents/vuetifyjs/test-projects/vitejs-vite-jdslxa/node_modules/vite/dist/node/chunks/dep-3007b26d.js:22001:5)
    at tryNodeResolve (file:///home/kael/Documents/vuetifyjs/test-projects/vitejs-vite-jdslxa/node_modules/vite/dist/node/chunks/dep-3007b26d.js:21736:20)
    at Context.resolveId (file:///home/kael/Documents/vuetifyjs/test-projects/vitejs-vite-jdslxa/node_modules/vite/dist/node/chunks/dep-3007b26d.js:21487:28)
    at Object.resolveId (file:///home/kael/Documents/vuetifyjs/test-projects/vitejs-vite-jdslxa/node_modules/vite/dist/node/chunks/dep-3007b26d.js:41587:46)
    at async Object.<anonymous> (file:///home/kael/Documents/vuetifyjs/test-projects/vitejs-vite-jdslxa/node_modules/vite/dist/node/chunks/dep-3007b26d.js:61953:21)

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.

[juretopolak]

When upgrading Nuxt 3 to the latest version, it also upgraded its dependency: vite "~3.2.4" > vite "~4.1.1" which is causing me the same error:
[unhandledRejection] Failed to resolve entry for package "vuetify". The package may have incorrect main/module/exports specified in its package.json

@KaelWD do I have to wait for this issue/bug to be resolved or is there a workaround?

[KaelWD]

You can use vuetify/lib/styles/main.sass instead

[juretopolak]

@KaelWD thanks. Now it looks like I have another (very similar) problem with vite-plugin-vuetify.

ERROR Failed to resolve import "fsevents" from "node_modules/.vite/deps/vite-plugin-vuetify.js?v=5c4d3b75". Does the file exist?

https://codesandbox.io/p/github/juretopolak/nuxt3-tailwind-vuetify/nuxt-update?file=%2FREADME.md

I just can't get over all the errors with this update :)

[bluwy]

Following the usual package resolution, mainFields will always not be used if the exports key exists. It was a bug before when Vite does the other way. I guess we need #7817 to fix this, maybe we can go with it.

[rcluis]

Any update on this?