Sass meta.apply doesn't work with vite

[OleksandrSymonov]

Describe the bug

I'm trying to use new feature meta.apply($mixin) it's work fine with plain build scss via
./node_modules/.bin/sass ./src/mixins.scss output.css but doesn't work via run vite or via vite build

mixins.scss looks like

@use "sass:map";
@use "sass:meta";

@mixin someMixin() {
  background: blue;
}

.blue {
  @include meta.apply(meta.get-mixin("someMixin"));
}

output

.blue {
  background: red;
  color: blue;
}

It's works fine in scss playground.

https://sass-lang.com/playground/#eJwzNHQoLU5VUCpOLC62yk0sULLmQhZILUkEinA55GZWZOYpFOfnpvqCWBqaCtVcCgpJicnZ6UX5pXkpVgpJOaWp1ly1XFx6IBZY2iEzLzmnNCVVAWSMXmJBQU6lBpiZnlqiCzZRQwlupJKmJlA7AP6ULtQ=

Reproduction

https://stackblitz.com/edit/vitejs-vite-bvdyzt?file=src%2FApp.vue

Steps to reproduce

No response

System Info

System:
    OS: Linux 5.0 undefined
    CPU: (8) x64 Intel(R) Core(TM) i9-9880H CPU @ 2.30GHz
    Memory: 0 Bytes / 0 Bytes
    Shell: 1.0 - /bin/jsh
  Binaries:
    Node: 18.18.0 - /usr/local/bin/node
    Yarn: 1.22.19 - /usr/local/bin/yarn
    npm: 9.4.2 - /usr/local/bin/npm
    pnpm: 8.10.5 - /usr/local/bin/pnpm
  npmPackages:
    @vitejs/plugin-vue: ^4.5.2 => 4.6.0 
    vite: ^5.0.8 => 5.0.10

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.

[stackblitz]

Start a new pull request in StackBlitz Codeflow.

• vitejs-vite-bvdyzt (Open reproduction)

[bluwy]

Do you mean the Error: Bad state: Can't access __parent outside of a module. error? Seems like it's caused by Vite using the deprecated sass render method. I'm not sure if this is intentional, but I'll report this upstream to check.

If it's intentional, the progress to check when we migrate to the new compileString api is #7116. So I'll close this for now in favour of the two things above.

For future reference, here's a simpler Vite repro: https://stackblitz.com/edit/vitejs-vite-pnh9jp?file=main.js,style.scss&terminal=dev

[OleksandrSymonov]

Thanks for response. Yeah, this is it.
I found answer in your attached links.

I have just change sass to sass-embedded
#6734

It works for me like a charm