Enable Tailwind CSS

Author: renovate[bot]

.github/workflows/pull-request-jobs.yml

@@ -5,7 +5,7 @@ name: Node.js CI
 
 on:
   pull_request:
-    branches: [ master ]
+    branches: ["master", "tailwind"]
 
 jobs:
   lint-test:

.stylelintrc

@@ -15,7 +15,15 @@
     "at-rule-no-vendor-prefix": true,
     "selector-no-vendor-prefix": true,
     "max-nesting-depth": 3,
-    "selector-max-compound-selectors": 5
+    "selector-max-compound-selectors": 5,
+    "at-rule-no-unknown": [
+      true,
+      {
+        "ignoreAtRules": [
+          "tailwind"
+        ]
+      }
+    ]
   },
   "plugins": [
     "stylelint-order"

generate-react-cli.json

@@ -16,7 +16,6 @@
       "withHookTest": true,
       "customTemplates": {
         "component": "templates/Component/TemplateName.tsx",
-        "style": "templates/Component/TemplateName.module.css",
         "story": "templates/Component/TemplateName.stories.tsx",
         "index": "templates/Component/index.ts",
         "mdx": "templates/Component/TemplateName.mdx",

package.json

@@ -91,6 +91,7 @@
     "eslint-plugin-react-refresh": "0.4.7",
     "eslint-plugin-ssr-friendly": "1.3.0",
     "eslint-plugin-storybook": "0.8.0",
+    "eslint-plugin-tailwindcss": "3.15.1",
     "generate-react-cli": "8.4.6",
     "husky": "9.0.11",
     "identity-obj-proxy": "3.0.0",
@@ -110,6 +111,7 @@
     "stylelint-config-standard": "36.0.0",
     "stylelint-order": "6.0.4",
     "stylelint-prettier": "5.0.0",
+    "tailwindcss": "3.4.3",
     "ts-jest": "29.1.4",
     "ts-node": "10.9.2",
     "typescript": "5.4.5",