Renaming a class with multiple class names fails

[L33Z22L11]

Vue - Official extension or vue-tsc version

v2.0.28

VSCode version

1.92.0

Vue version

3.4.36

TypeScript version

5.5.4

System Info

System:
    OS: Windows 11 10.0.22631
    CPU: (16) x64 AMD Ryzen 7 5800H with Radeon Graphics
    Memory: 2.62 GB / 15.86 GB
  Binaries:
    Node: 22.5.1 - C:\Program Files\nodejs\node.EXE
    npm: 10.8.0 - C:\Program Files\nodejs\npm.CMD
    pnpm: 9.7.0 - ~\AppData\Local\pnpm\pnpm.CMD
  Browsers:
    Edge: Chromium (127.0.2651.74)
    Internet Explorer: 11.0.22621.3527

Steps to reproduce

<template>
    <div class="class1 classname" />
</template>

<style scoped>
.class1 {}
</style>

1. Rename class1 to class12.

What is expected?

• class1 is renamed to class 12.

What is actually happening?

• The whole class attribute is overwritten to class122.

Link to minimal reproduction

No response

Any additional comments?

Only when the length of the new class name is longer than that of the old one is renaming permitted.