refactor: add tailwindcss

package.json

@@ -21,7 +21,6 @@
     "@uiball/loaders": "^1.2.6",
     "bfj": "^7.0.2",
     "browserslist": "^4.21.4",
-    "case-sensitive-paths-webpack-plugin": "^2.4.0",
     "copy-image-clipboard": "^2.1.2",
     "css-loader": "^6.7.1",
     "css-minimizer-webpack-plugin": "^4.2.2",
@@ -41,7 +40,6 @@
     "lodash": "^4.17.21",
     "masonry-layout": "^4.2.2",
     "mini-css-extract-plugin": "^2.6.1",
-    "pwa-badge": "^1.1.1",
     "react": "^18.2.0",
     "react-circular-progressbar": "^2.1.0",
     "react-dev-utils": "^12.0.1",
@@ -61,7 +59,6 @@
     "react-textarea-autosize": "^8.3.4",
     "resolve": "^1.22.1",
     "rooks": "^7.4.0",
-    "semver": "^7.3.8",
     "slate": "^0.84.0",
     "slate-history": "^0.66.0",
     "slate-react": "^0.83.2",
@@ -89,9 +86,6 @@
     "workbox-streams": "^6.5.4",
     "workbox-webpack-plugin": "^6.5.4"
   },
-  "resolutions": {
-    "prosemirror-model": "1.16.1"
-  },
   "scripts": {
     "start": "REACT_APP_BUILD_TIME=$(date +%s) node scripts/start.js",
     "build": "rm -rf build && REACT_APP_BUILD_TIME=$(date +%s) GENERATE_SOURCEMAP=false node scripts/build.js",
@@ -131,6 +125,7 @@
     "@typescript-eslint/eslint-plugin": "^5.40.1",
     "@typescript-eslint/parser": "^5.40.1",
     "@welldone-software/why-did-you-render": "^7.0.1",
+    "autoprefixer": "^10.4.12",
     "babel-loader": "^8.2.5",
     "babel-plugin-named-asset-import": "^0.3.8",
     "babel-preset-react-app": "^10.0.1",
@@ -144,7 +139,10 @@
     "lint-staged": "^13.0.3",
     "md5-file": "^5.0.0",
     "patch-package": "^6.4.7",
+    "postcss": "^8.4.18",
+    "postcss-loader": "^7.0.1",
     "postinstall-postinstall": "^2.1.0",
-    "prettier": "^2.7.1"
+    "prettier": "^2.7.1",
+    "tailwindcss": "^3.2.1"
   }
 }