v17.3 breaks v-bind

[morganarnel]

I've found that after updating to version 17.3 any usage of v-bind(...) within in-component styling is broken. The CSS variable is correctly applied to the parent element in the DOM but the actual v-bind(...) is not replaced (see screenshot).

Reverting to 17.0 fixed this issue.

Vue Version: 3.3.4
Sass Loader Version: 13.3.2

[haoqunjiang]

Could you please provide a minimal reproduction of this issue?

[amagne1]

I have the same issue.

I think this is caused by this feature : #2053

When you use v-bind inside a normal style (unscoped) like this :
<style lang="scss"> --my-css-var: v-bind(color); </style>

If I add "scoped" to style, it's working (except I need this style not scoped :p )

Reverting to 17.2.2 fixed this issue.