VSCODE setting for tailwindcss by adding `css.customData` 👉🏻 https://stackoverflow.com/questions/47607602/how-to-add-a-tailwind-css-rule-to-css-checker/61333686#61333686

tailwind.json

{
  "version": 1.1,
  "atDirectives": [
    {
      "name": "@tailwind",
      "description": "Use the @tailwind directive to insert Tailwind's `base`, `components`, `utilities`, and `screens` styles into your CSS.\n\n",
      "references": [
        {
          "name": "Tailwind's “Functions & Directives” documentation",
          "url": "https://tailwindcss.com/docs/functions-and-directives/#tailwind"
        }
      ]
    },
    {
      "name": "@layer",
      "description": "Use the `@layer` directive to tell Tailwind which “bucket” a set of custom styles belong to. Valid layers are `base`, `components`, and `utilities`.\n\n",
      "references": [
        {
          "name": "Tailwind's “Functions & Directives” documentation",
          "url": "https://tailwindcss.com/docs/functions-and-directives/#layer"
        }
      ]
    },
    {
      "name": "@apply",
      "description": "Use @apply to inline any existing utility classes into your own custom CSS.\n\n This is useful when you need to write custom CSS (like to override the styles in a third-party library) but still want to work with your design tokens and use the same syntax you're used to using in your HTML.\n\n",
      "references": [
        {
          "name": "Tailwind's “Functions & Directives” documentation",
          "url": "https://tailwindcss.com/docs/functions-and-directives#apply"
        }
      ]
    }
  ]
}