Style variable injection syntax highlight not working for style languages other then CSS

[johnsoncodehk]

Test code:

<style>
.text {
    font-size: v-bind("font.getSize() + 'px'");
    /* font-size: v-bind("font.getSize() + 'px'"); */
}
</style>

<style lang="scss">
.text {
    font-size: v-bind("font.getSize() + 'px'");
    // font-size: v-bind("font.getSize() + 'px'");
}
</style>

<style lang="less">
.text {
    font-size: v-bind("font.getSize() + 'px'");
    // font-size: v-bind("font.getSize() + 'px'");
}
</style>

<style lang="sass">
.text
    font-size: v-bind("font.getSize() + 'px'")
    // font-size: v-bind("font.getSize() + 'px'")
</style>

<style lang="postcss">
.text {
    font-size: v-bind("font.getSize() + 'px'");
    /* font-size: v-bind("font.getSize() + 'px'"); */
}
</style>

<style lang="stylus">
.text
    font-size: v-bind("font.getSize() + 'px'")
    // font-size: v-bind("font.getSize() + 'px'")
</style>

Result:

Expected: