docs: Updated CSS Support blog post (#828)

* docs: Updated CSS Support blog post

Updated code examples to match current version requirements

Fixes #800

* Updated with PR suggestion.

Author: dwightware4

src/_data/blog-dates.json

@@ -420,7 +420,7 @@
     "2025-01-28-differences-between-eslint-and-typescript.md": "2025-01-21T17:19:50.000Z",
     "2025-02-07-eslint-v9.20.0-released.md": "2025-02-07T22:26:50.000Z",
     "2025-02-11-eslint-v9.20.1-released.md": "2025-02-11T17:19:27.000Z",
-    "2025-02-18-eslint-css-support.md": "2025-02-18T16:48:43.000Z",
+    "2025-02-18-eslint-css-support.md": "2025-10-30T17:11:37.089Z",
     "2025-02-21-eslint-v9.21.0-released.md": "2025-02-21T22:24:14.000Z",
     "2025-03-07-eslint-v9.22.0-released.md": "2025-03-07T22:01:00.000Z",
     "2025-03-07-flat-config-extends-define-config-global-ignores.md": "2025-03-09T18:20:28.000Z",

src/content/blog/2025-02-18-eslint-css-support.md

@@ -127,11 +127,11 @@ export default [
 ];
 ```
 
-If you're using [Tailwind](https://tailwindcss.com), you can configure most of the custom syntax using the builtin `tailwindSyntax` object, like this:
+If you're using [Tailwind](https://tailwindcss.com), you can configure the custom syntax using [`tailwind-csstree`](https://www.npmjs.com/package/tailwind-csstree), like this:
 
 ```js
 import css from "@eslint/css";
-import { tailwindSyntax } from "@eslint/css/syntax";
+import { tailwind4 } from "tailwind-csstree";
 
 export default [
     {
@@ -141,7 +141,7 @@ export default [
         },
         language: "css/css",
         languageOptions: {
-            customSyntax: tailwindSyntax,
+            customSyntax: tailwind4,
         },
         rules: {
             "css/no-empty-blocks": "error",
@@ -150,8 +150,6 @@ export default [
 ];
 ```
 
-**Note:** The Tailwind syntax doesn't currently provide for the `theme()` function. This is a limitation of CSSTree that we hope will be resolved soon.
-
 ## Creating custom rules and using Code Explorer
 
 As with `@eslint/json` and `@eslint/markdown`, `@eslint/css` allows the creation of custom rules. Using the [CSSTree AST format](https://github.com/csstree/csstree/blob/master/docs/ast.md), you can create your own rules in the same way you would for JavaScript. [Code Explorer](https://explorer.eslint.org) now supports CSS parsing and is a great resource to get started creating your own rules.