Docusaurus add tailwind (#2965)

## Summary

This PR adds the same version of Tailwind CSS as the `cursorless-org`
package (`3.4.14`).

## Changes

- Add Tailwind CSS configuration and dependencies to the org site.

### Regression testing

Used Backstop.js to compare `main` branch with `docusaurus-add-tailwind`
branch.

```
Passing: 65
Failing: 3
```

All failing tests have been the test suite not working quite right,
screenshots below.



<details>
<summary>Backstop screenshot</summary>

## Screenshots of test suite

<img width="1706" alt="image"
src="https://github.com/user-attachments/assets/920239b6-6a84-487c-a248-144ce02a1703"
/>

<img width="1694" alt="image"
src="https://github.com/user-attachments/assets/4b66ec18-10b4-4a72-82f3-e50b238d1f9f"
/>

## Screenshots of the urls of failing tests


![image](https://github.com/user-attachments/assets/1a238a51-601b-41c9-b22c-cc072f7e5d5f)


![image](https://github.com/user-attachments/assets/66eddcd6-7e1d-4a93-be08-5d71976b3395)


![image](https://github.com/user-attachments/assets/af8e2275-5c12-4c39-b2d8-b3115b6b2f1d)

</details>

---------

Co-authored-by: Andreas Arvidsson <[email protected]>

Author: trillium

packages/cursorless-org-docs/docusaurus.config.mts

@@ -146,6 +146,7 @@ const config: Config = {
       },
     ],
   ],
+  plugins: ["./src/plugins/tailwind-plugin.js"],
 
   themeConfig: {
     navbar: {

packages/cursorless-org-docs/package.json

@@ -58,9 +58,12 @@
   "devDependencies": {
     "@docusaurus/module-type-aliases": "3.8.0",
     "@docusaurus/types": "3.8.0",
+    "@tailwindcss/postcss": "4.1.8",
     "@tsconfig/docusaurus": "2.0.3",
     "@types/mdast": "4.0.4",
     "@types/react": "19.1.6",
+    "postcss": "8.5.4",
+    "tailwindcss": "3.4.14",
     "typescript": "5.8.3",
     "unified": "11.0.5"
   }

packages/cursorless-org-docs/postcss.config.cjs

@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+};

packages/cursorless-org-docs/src/css/custom.css

@@ -1,3 +1,7 @@
+@tailwind components;
+@tailwind base;
+@tailwind utilities;
+
 /* From https://github.com/facebook/docusaurus/blob/cc0bceab9c1678303f6237f5526753edc1b12fc3/website/src/css/custom.css#L70-L86 */
 .header-github-link:hover {
   opacity: 0.6;

packages/cursorless-org-docs/src/plugins/tailwind-plugin.js

@@ -0,0 +1,9 @@
+module.exports = function tailwindPlugin(context, options) {
+  return {
+    name: "tailwind-plugin",
+    configurePostCss(postcssOptions) {
+      postcssOptions.plugins.push(require("tailwindcss"));
+      return postcssOptions;
+    },
+  };
+};

packages/cursorless-org-docs/tailwind.config.js

@@ -0,0 +1,8 @@
+import { fontFamily as _fontFamily } from "tailwindcss/defaultTheme";
+
+/** @type {import('tailwindcss').Config} */
+export const content = ["./src/**/*.{js,ts,jsx,tsx}"];
+export const corePlugins = {
+  preflight: false,
+};
+export const plugins = [];