Unknown at rule @starting-style

[xcrap]

What version of VS Code are you using?

Version: 1.99.0-insider

What version of Tailwind CSS IntelliSense are you using?

0.14.11

What version of Tailwind CSS are you using?

4.0.0

What package manager are you using?

NPM

What operating system are you using?

MacOS

Tailwind config

VS Code settings

{
    "explorer.fileNesting.patterns": {
        "*.ts": "${capture}.js",
        "*.js": "${capture}.js.map, ${capture}.min.js, ${capture}.d.ts",
        "*.jsx": "${capture}.js",
        "*.tsx": "${capture}.ts",
        "tsconfig.json": "tsconfig.*.json",
        "package.json": "package-lock.json, yarn.lock, pnpm-lock.yaml, bun.lockb",
        "composer.json": "composer.lock",
        "psalm.xml": "psalm-baseline.xml",
        ".php-cs-fixer.php": ".php-cs-fixer.cache",
        "phpunit.xml": ".phpunit.result.cache",
        "*.php": "${basename}Test.php"
    },
    "emmet.includeLanguages": {
        "blade.php": "html",
        "twig": "html"
    },
    "files.associations": {
        ".php_cs.dist": "php",
        ".php_cs": "php",
        ".pre": "php",
        "artisan": "php",
        "*.css": "tailwindcss"
    },
    "search.exclude": {
        "**/node_modules": true,
        "**/bower_components": true,
        "**/*.code-search": true,
        "_ide_helper.php": true,
        "_ide_helper_models.php": true,
        ".php_cs.cache": true,
        ".phpstorm.meta.php": true,
        ".phpunit.result.cache": true
    },
    "workbench.startupEditor": "none",
    "editor.formatOnSave": true,
    "editor.minimap.enabled": false,
    "git.confirmSync": false,
    "editor.fontSize": 15.6,
    "editor.fontFamily": "JetBrains Mono",
    "explorer.confirmDelete": false,
    "git.enableSmartCommit": true,
    "editor.lineHeight": 1.8,
    "chat.editing.alwaysSaveWithGeneratedChanges": true,
    "[typescriptreact]": {
        "editor.defaultFormatter": "vscode.typescript-language-features"
    },
    "[javascript]": {
        "editor.defaultFormatter": "biomejs.biome"
    },
    "[css]": {
        "editor.defaultFormatter": "biomejs.biome"
    },
    "editor.lineNumbers": "off",
    "Devdb.colorTheme": "dark",
    "breadcrumbs.enabled": false,
    "editor.stickyScroll.enabled": false,
    "explorer.confirmDragAndDrop": false,
    "bladeFormatter.format.indentInnerHtml": true,
    "[php]": {
        "editor.defaultFormatter": "bmewburn.vscode-intelephense-client"
    },
    "[jsonc]": {
        "editor.defaultFormatter": "vscode.json-language-features"
    },
    "explorer.autoReveal": false,
    "github.copilot.nextEditSuggestions.enabled": true,
    "workbench.colorTheme": "City Lights",
    "github.copilot.chat.codesearch.enabled": true,
    "github.copilot.chat.newWorkspaceCreation.enabled": true,
    "github.copilot.chat.completionContext.typescript.mode": "on",
    "github.copilot.chat.languageContext.typescript.enabled": true,
    "github.copilot.advanced": {},
    "chat.editing.confirmEditRequestRetry": false,
    "diffEditor.ignoreTrimWhitespace": false
}

.submenu-header {
    @starting-style {
        opacity: 0;
        transform: translateY(10px);
    }

@apply transition-all duration-300 ease-in-out opacity-100 translate-y-0 absolute -left-px top-full w-48 bg-white border border-slate-100 border-t-0 rounded-b rounded-tr overflow-hidden shadow-lg shadow-slate-100 hidden group-hover:block;
}

How to disable this warnings without creating a config file, is there a way to have a inline ignore?

PS: Yes I could use starting: in the v4... but that's not the point, the point is to support @starting-style because it's a normal CSS rule.

[thecrypticace]

Yeah, it shows up this way in VSCode itself w/o Tailwind CSS too.

They just added support for this two weeks ago but have not published a new version yet:

microsoft/vscode-css-languageservice#403
microsoft/vscode-css-languageservice#421

We'll have to update our bundled version once they do

[thecrypticace]

I'm aiming to get a release out with this either today or tomorrow 👍