scss background-image: url() with svg data

[XpamAmAdEuS]

moving from webpack with really big project and have solve all problems in one day but this one seems like a bug.
Have try all 2.0 + versions.

In scss file have this.

$bg-light: "data:image/svg+xml;base64, "BIGDATA ++++";

.className {
      background-image: url($bg-light);
      background-size: 300px;
    }


[plugin:vite:css] expected ")".
       ╷
213 │       background-image: url(../../../assets/scss//$bg-light);
       │                                            ^
       ╵

Same project working with webpack.

Before submitting the issue, please make sure you do the following

• 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.
• Provide a description in this issue that describes the bug.
• 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 https://github.com/vuejs/vue-next instead.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.

[github-actions]

Hello @XpamAmAdEuS. Please provide a online reproduction by codesandbox or a minimal GitHub repository. Issues labeled by need reproduction will be closed if no activities in 3 days.

[XpamAmAdEuS]

here example
https://codesandbox.io/s/vitetest-pilig?file=/src/components/HelloWorld.vue
importing scss using alias only in vue files get error.
if import without it working nice.
plz check

[sapphi-red]

Closing as it is organized into #7651.