Bug Report: No IntelliSense suggestions for some specific utilities like font-, and text colours in Tailwind CSS v4 (nextjs project)

[captainspeedy68]

What version of VS Code are you using?

v1.74.0

What version of Tailwind CSS IntelliSense are you using?

v0.14.16

What version of Tailwind CSS are you using?

v4.1.5

What package manager are you using?

npm

What operating system are you using?

macOS

Tailwind config

no tailwind config file was neede

VS Code settings

{
  "files.autoSave": "onFocusChange",
  "editor.fontSize": 22,
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.formatOnSave": false,
  "workbench.editorAssociations": {
    "*.ipynb": "jupyter-notebook"
  },
  "notebook.cellToolbarLocation": {
    "default": "right",
    "jupyter-notebook": "left"
  },
  "workbench.tips.enabled": false,
  "window.menuBarVisibility": "compact",
  "workbench.editor.revealIfOpen": true,
  "terminal.integrated.fontSize": 18,
  "debug.terminal.clearBeforeReusing": true,
  "bracket-pair-colorizer-2.depreciation-notice": false,
  "workbench.colorTheme": "Dracula Theme Soft",
  "security.workspace.trust.untrustedFiles": "open",
  "cmake.configureSettings": {},
  "code-runner.clearPreviousOutput": true,
  "code-runner.runInTerminal": true,
  "code-runner.saveFileBeforeRun": true,
  // "workbench.statusBar.visible": false,
  "powershell.sideBar.CommandExplorerVisibility": false,
  "zenMode.hideLineNumbers": false,
  "workbench.layoutControl.enabled": false,
  "liveServer.settings.donotShowInfoMsg": true,
  "liveServer.settings.ChromeDebuggingAttachment": false,
  "json.schemas": [],
  "git.autofetch": true,
  "workbench.iconTheme": "vscode-icons",
  "terminal.integrated.fontFamily": "FiraCode Nerd Font",
  "editor.fontFamily": "Menlo, Monaco, 'Courier New', monospace, Anonymous Pro ",
  "editor.fontVariations": false,
  "editor.codeActionsOnSave": {},
  "python.autoComplete.extraPaths": [],
  "code-runner.executorMapByFileExtension": {
    ".vb": "cd $dir && vbc /nologo $fileName && $dir$fileNameWithoutExt",
    ".vbs": "cscript //Nologo",
    ".scala": "scala",
    ".jl": "julia",
    ".cr": "crystal",
    ".ml": "ocaml",
    ".zig": "zig run",
    ".exs": "elixir",
    ".hx": "haxe --cwd $dirWithoutTrailingSlash --run $fileNameWithoutExt",
    ".rkt": "racket",
    ".scm": "csi -script",
    ".ahk": "autohotkey",
    ".au3": "autoit3",
    ".kt": "cd $dir && kotlinc $fileName -include-runtime -d $fileNameWithoutExt.jar && java -jar $fileNameWithoutExt.jar",
    ".kts": "kotlinc -script",
    ".dart": "dart",
    ".pas": "cd $dir && fpc $fileName && $dir$fileNameWithoutExt",
    ".pp": "cd $dir && fpc $fileName && $dir$fileNameWithoutExt",
    ".d": "cd $dir && dmd $fileName && $dir$fileNameWithoutExt",
    ".hs": "runhaskell",
    ".nim": "nim compile --verbosity:0 --hints:off --run",
    ".csproj": "dotnet run --project",
    ".fsproj": "dotnet run --project",
    ".lisp": "sbcl --script",
    ".kit": "kitc --run",
    ".v": "v run",
    ".vsh": "v run",
    ".sass": "sass --style expanded",
    ".cu": "cd $dir && nvcc $fileName -o $fileNameWithoutExt && $dir$fileNameWithoutExt",
    ".ring": "ring",
    ".sml": "cd $dir && sml $fileName",
    ".mojo": "mojo run",
    ".erl": "escript",
    ".spwn": "spwn build",
    ".pkl": "cd $dir && pkl eval -f yaml $fileName -o $fileNameWithoutExt.yaml",
    ".gleam": "gleam run -m $fileNameWithoutExt"
  },
  "code-runner.executorMap": {
    "javascript": "node",
    "java": "cd $dir && javac $fileName && java $fileNameWithoutExt",
    "c": "cd $dir && gcc $fileName -o $fileNameWithoutExt && $dir$fileNameWithoutExt",
    "zig": "zig run",
    "cpp": "cd $dir && g++ $fileName -o $fileNameWithoutExt && $dir$fileNameWithoutExt",
    "objective-c": "cd $dir && gcc -framework Cocoa $fileName -o $fileNameWithoutExt && $dir$fileNameWithoutExt",
    "php": "php",
    "python": "python3 -u",
    "perl": "perl",
    "perl6": "perl6",
    "ruby": "ruby",
    "go": "go run",
    "lua": "lua",
    "groovy": "groovy",
    "powershell": "powershell -ExecutionPolicy ByPass -File",
    "bat": "cmd /c",
    "shellscript": "bash",
    "fsharp": "fsi",
    "csharp": "scriptcs",
    "vbscript": "cscript //Nologo",
    "typescript": "ts-node",
    "coffeescript": "coffee",
    "scala": "scala",
    "swift": "swift",
    "julia": "julia",
    "crystal": "crystal",
    "ocaml": "ocaml",
    "r": "Rscript",
    "applescript": "osascript",
    "clojure": "lein exec",
    "haxe": "haxe --cwd $dirWithoutTrailingSlash --run $fileNameWithoutExt",
    "rust": "cd $dir && rustc $fileName && $dir$fileNameWithoutExt",
    "racket": "racket",
    "scheme": "csi -script",
    "ahk": "autohotkey",
    "autoit": "autoit3",
    "dart": "dart",
    "pascal": "cd $dir && fpc $fileName && $dir$fileNameWithoutExt",
    "d": "cd $dir && dmd $fileName && $dir$fileNameWithoutExt",
    "haskell": "runghc",
    "nim": "nim compile --verbosity:0 --hints:off --run",
    "lisp": "sbcl --script",
    "kit": "kitc --run",
    "v": "v run",
    "sass": "sass --style expanded",
    "scss": "scss --style expanded",
    "less": "cd $dir && lessc $fileName $fileNameWithoutExt.css",
    "FortranFreeForm": "cd $dir && gfortran $fileName -o $fileNameWithoutExt && $dir$fileNameWithoutExt",
    "fortran-modern": "cd $dir && gfortran $fileName -o $fileNameWithoutExt && $dir$fileNameWithoutExt",
    "fortran_fixed-form": "cd $dir && gfortran $fileName -o $fileNameWithoutExt && $dir$fileNameWithoutExt",
    "fortran": "cd $dir && gfortran $fileName -o $fileNameWithoutExt && $dir$fileNameWithoutExt",
    "sml": "cd $dir && sml $fileName",
    "mojo": "mojo run",
    "erlang": "escript",
    "spwn": "spwn build",
    "pkl": "cd $dir && pkl eval -f yaml $fileName -o $fileNameWithoutExt.yaml",
    "gleam": "gleam run -m $fileNameWithoutExt"
  },
  "python.analysis.extraPaths": [],
  "javascript.updateImportsOnFileMove.enabled": "always",
  "editor.accessibilitySupport": "off",
  "vsicons.dontShowNewVersionMessage": true,
  "[cpp]": {
    "editor.defaultFormatter": "ms-vscode.cpptools"
  },
  "editor.quickSuggestions": {
    "other": "on",
    "comments": "off",
    "strings": "on"
  },
  "emmet.includeLanguages": {
    "javascript": "javascriptreact",
    "typescript": "typescriptreact"
  },
  
  "tailwindCSS.experimental.configFile": null,
  
  
  "settingsSync.ignoredSettings": [
  
  ]
}

Reproduction URL

https://github.com/captainspeedy68/tailwind-intellisense-bug-repro.git

Describe your issue

Tailwind IntelliSense is not showing any suggestions when typing font- in a class list. Other utilities like text- or bg- sometimes work, but font- and similar ones do not appear at all.

Run: npx create-next-app@latest

Set up Tailwind CSS v4.1.5 (no tailwind.config.js)

Add the default Tailwind setup via PostCSS

In a component, add className="font-"

Observe: No IntelliSense suggestions for font classes

Expected Behavior
The extension should provide IntelliSense for all Tailwind CSS classes, including font utilities, even with default config (Tailwind v4 doesn’t require a config file).

Actual Behavior
No suggestions are shown for font-, and others show suggestions inconsistently.

[thecrypticace]

This is likely is an issue related to being on a really old VSCode version. Is there any reason in particular you're on v1.74.0 which is almost exactly 2.5 years old?

[thecrypticace]

This is the same as this problem: #1331 (comment)

I've delayed bumping the minimum version of the extension for a bit so I'll probably push out a small fix for this.

[thecrypticace]

I'm aiming to get a release out this week with this fixed. 👍