Install tailwind without preflight

package.json

@@ -89,6 +89,7 @@
     "@types/ua-parser-js": "^0.7.36",
     "@typescript-eslint/eslint-plugin": "^5",
     "@typescript-eslint/parser": "^5",
+    "autoprefixer": "^10.4.12",
     "cypress": "9.4.1",
     "cypress-localstorage-commands": "^1.6.1",
     "dotenv": "^16.0.0",
@@ -101,9 +102,11 @@
     "eslint-plugin-typescript-sort-keys": "^2",
     "husky": "^4.2.3",
     "import-sort-style-module": "^6.0.0",
+    "postcss": "^8.4.18",
     "prettier": "^2.0.2",
     "prettier-plugin-import-sort": "^0.0.4",
     "prettier-plugin-packagejson": "^2.2.5",
+    "tailwindcss": "^3.1.8",
     "typescript": "~4.4"
   },
   "importSort": {

postcss.config.js

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

src/reset.css

@@ -1,3 +1,7 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
 * {
   box-sizing: border-box;
 }

tailwind.config.js

@@ -0,0 +1,9 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: ['./src/**/*.tsx'],
+  corePlugins: { preflight: false },
+  plugins: [],
+  theme: {
+    extend: {},
+  },
+}