Unexpected unknown at-rule "@utility"

[dcmayankavi]

While using TailwindCSS v4.0 getting Unexpected unknown at-rule "@Utility" error in sonarcube while using below code:

@utility display-* {
    display: --value([*]);
}

[nomad-mystic]

I had the same issue while using a JetBrains IDE, once I updated it went away

[nomad-mystic]

[HHsomeHand]

I got this while I use vs code in 2025/06/01
This is so annoying
I don't know how to disable this warnning

@import "tailwindcss";

@theme {
    --color-primary: #484848;
    --color-secondary: #222222;
}

Unknown at rule @themecss(unknownAtRules)