syntax highlighting issue with class binding and tailwind classes #67679
Description
Which @angular/* package(s) are the source of the bug?
language-service
Is this a regression?
No
Description
it seems it still doesn't highlight expression properly with classes having colon in the name.
example:
<div
class="grid w-full grid-cols-1 items-center gap-4 lg:gap-14"
[class.md:grid-cols-2]="mode === 'demo'"
></div>Please provide a link to a minimal reproduction of the bug
No response
Please provide the exception or error you saw
NA
Please provide the environment you discovered this bug in (run ng version)
Angular CLI : 21.2.2
Angular : 21.2.4
Node.js : 24.14.0
Package Manager : pnpm 10.32.1+sha512.a706938f0e89ac1456b6563eab4edf1d1faf3368d1191fc5c59790e96dc918e4456ab2e67d613de1043d2e8c81f87303e6b40d4ffeca9df15ef1ad567348f2be
Operating System : darwin arm64
┌───────────────────────────────────┬───────────────────┬───────────────────┐
│ Package │ Installed Version │ Requested Version │
├───────────────────────────────────┼───────────────────┼───────────────────┤
│ @angular/animations │ 21.2.4 │ 21.2.4 │
│ @angular/aria │ 21.2.2 │ 21.2.2 │
│ @angular/build │ 21.2.2 │ 21.2.2 │
│ @angular/cdk │ 21.2.2 │ 21.2.2 │
│ @angular/cli │ 21.2.2 │ 21.2.2 │
│ @angular/common │ 21.2.4 │ 21.2.4 │
│ @angular/compiler │ 21.2.4 │ 21.2.4 │
│ @angular/compiler-cli │ 21.2.4 │ 21.2.4 │
│ @angular/core │ 21.2.4 │ 21.2.4 │
│ @angular/forms │ 21.2.4 │ 21.2.4 │
│ @angular/platform-browser │ 21.2.4 │ 21.2.4 │
│ @angular/platform-browser-dynamic │ 21.2.4 │ 21.2.4 │
│ @angular/router │ 21.2.4 │ 21.2.4 │
│ rxjs │ 7.8.2 │ 7.8.2 │
│ typescript │ 5.9.3 │ ~5.9.3 │
│ vitest │ 4.1.0 │ 4.1.0 │
│ zone.js │ 0.16.1 │ 0.16.1 │
Anything else?
No response