Skip to content

--value(--var-*) breaks the syntax highlighting #1419

@Gaufrosuk

Description

@Gaufrosuk

What version of VS Code are you using?

v1.101.2

What version of Tailwind CSS IntelliSense are you using?

v0.14.23

What version of Tailwind CSS are you using?

v4.1.10

What package manager are you using?

npm

What operating system are you using?

Windows 11

VS Code settings

{
    "files.associations": {
        "*.css": "tailwindcss"
    }
}

Describe your issue

--value(--var-*) breaks the syntax highlighting. Nested and non-nested rules are affected. See the GIF and codes below.

Syntax highlighting is OK

@utility tab-* {
    tab-size: 16px;
    font-size: 16px;
}

Syntax highlighting is OK

@utility tab-* {
    tab-size: --value();
    font-size: 16px;
}

Syntax highlighting is BROKEN

@utility tab-* {
    tab-size: --value(--);
    font-size: 16px;
}

Syntax highlighting is BROKEN

@utility tab-* {
    tab-size: --value(--tab-size-*);
    font-size: 16px;
}

Syntax highlighting is BROKEN

@utility tab-* {
    & {
        tab-size: --value(--tab-size-*);
        font-size: 16px;
    }
}

Image

Metadata

Metadata

Assignees

Labels

bugSomething isn't working

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions