docs: Add Tailwind CSS mode instructions (#46292)

Gaauwe Rombouts created 4 days ago

Now that https://github.com/zed-industries/zed/pull/45352 is in preview,
this updates the docs at https://zed.dev/docs/languages/tailwindcss with
instructions similar to
https://github.com/tailwindlabs/tailwindcss-intellisense?tab=readme-ov-file#filesassociations

Release Notes:

- N/A

Change summary

docs/src/languages/tailwindcss.md | 21 +++++++++++++++++++++
1 file changed, 21 insertions(+)

Detailed changes

docs/src/languages/tailwindcss.md

@@ -39,6 +39,27 @@ If by default the language server isn't enough to make Tailwind work for a given
 
 Refer to [the Tailwind CSS language server settings docs](https://github.com/tailwindlabs/tailwindcss-intellisense?tab=readme-ov-file#extension-settings) for more information.
 
+### Using Tailwind CSS Mode in CSS Files (Preview)
+
+Zed includes support for the Tailwind CSS language mode, which provides full CSS IntelliSense support even when using Tailwind-specific at-rules like `@apply`, `@layer`, and `@theme`.
+To use the Tailwind CSS language mode for CSS files, add the following to `languages` section of your `settings.json`:
+
+```json [settings]
+{
+  "languages": {
+    "CSS": {
+      "language_servers": [
+        "tailwindcss-intellisense-css",
+        "!vscode-css-language-server",
+        "..."
+      ]
+    }
+  }
+}
+```
+
+The `tailwindcss-intellisense-css` language server serves as an alternative to the default CSS language server, maintaining all standard CSS IntelliSense features while adding support for Tailwind-specific syntax.
+
 ### Prettier Plugin
 
 Zed supports Prettier out of the box, which means that if you have the [Tailwind CSS Prettier plugin](https://github.com/tailwindlabs/prettier-plugin-tailwindcss) installed, adding it to your Prettier configuration will make it work automatically: