Unsupport official screen() function syntax

[ngdangtu-vn]

What version of VS Code are you using? 1.94.2

What version of Tailwind CSS IntelliSense are you using? v0.12.11

What version of Tailwind CSS are you using? ^3.4.14"

What package manager are you using? bun

What operating system are you using? Linux

Tailwind config

import type { Config } from "tailwindcss"
import type { KeyValuePair, ScreensConfig } from "tailwindcss/types/config"

import c from "tailwindcss/colors"

/**
 * Viewport Thresholds
 * @ref https://ihax.io/display-resolution-explained
 */
const thresholds: ScreensConfig = {
   // default: xs is phone = 320px
   // ...
}

/**
 * Color Palette
 */
const palette = {
   inherit: 'inherit',
   // ...
}


/**
 * Typography
 */
const typography: KeyValuePair<string, Typography> = {
   'base-xs': ['var(--fz-base-xs)', { fontWeight: 400, lineHeight: '1.25', letterSpacing: 'normal' }],
   // ...
}
type Typography = [
   size: string,
   config: Partial<{
      lineHeight: string
      letterSpacing: string
      fontWeight: string | number
   }>
]

export default {
   content: [
      "./index.html",
      "./src/**/*.{ts,tsx}",
   ],
   theme: {
      screens: thresholds,
      colors: palette,
      fontWeight: {
         lighter: '200',
         // ...
      },
      fontSize: typography,
      extend: {},
   },
   darkMode: ['selector', '[data-palette="dark"]'],
   plugins: [],
} as Config

VS Code settings

{
   "diffEditor.ignoreTrimWhitespace": false,
   "editor.detectIndentation": false,
   "editor.formatOnSave": true,
   "editor.inlayHints.enabled": "offUnlessPressed",
   "editor.tabSize": 3,
   "git.autofetch": true,
   "json.format.keepLines": true,
   "tailwindCSS.emmetCompletions": true,
   "typescript.check.npmIsInstalled": false,
   "typescript.disableAutomaticTypeAcquisition": true,
   "typescript.experimental.updateImportsOnPaste": true,
   "typescript.format.placeOpenBraceOnNewLineForControlBlocks": true,
   "typescript.format.placeOpenBraceOnNewLineForFunctions": true,
   "typescript.format.semicolons": "remove",
   "typescript.implementationsCodeLens.enabled": true,
   "typescript.implementationsCodeLens.showOnInterfaceMethods": true,
   "typescript.inlayHints.enumMemberValues.enabled": true,
   "typescript.inlayHints.functionLikeReturnTypes.enabled": true,
   "typescript.inlayHints.parameterNames.enabled": "literals",
   "typescript.inlayHints.propertyDeclarationTypes.enabled": true,
   "typescript.inlayHints.variableTypes.enabled": true,
   "typescript.preferences.preferTypeOnlyAutoImports": true,
   "typescript.referencesCodeLens.showOnAllFunctions": true,
   "typescript.tsserver.maxTsServerMemory": 2048,
   "typescript.validate.enable": true,
   "workbench.sideBar.location": "right"
}

Reproduction URL

No need just follow the document → https://tailwindcss.com/docs/functions-and-directives#screen

Describe your issue

Finally, I allow to speak up now. First let take a look at this screenshot:

While from the document about the screen() function, it should be fine. But the editor keeps firing error from the syntax which somewhat bugs me badly. Since this is official vscode plugin for TailwindCSS, I think it is reasonable to consider this is a bug.