[setup catalog][m]: upgrade TailwindCSS, install dependencies for TailwindUI and fix configs.

examples/catalog/package.json

@@ -25,6 +25,8 @@
     "@apollo/client": "^3.0.2",
     "@apollo/react-hooks": "^3.1.5",
     "@fullhuman/postcss-purgecss": "^2.3.0",
+    "@headlessui/react": "^1.4.0",
+    "@heroicons/react": "^1.0.3",
     "apollo-cache-inmemory": "^1.6.6",
     "apollo-client": "^2.6.10",
     "apollo-link": "^1.2.14",
@@ -38,7 +40,7 @@
     "graphql-tag": "^2.10.3",
     "html-react-parser": "^0.13.0",
     "markdown-it": "^11.0.0",
-    "next": "^10.0.3",
+    "next": "^10.2.3",
     "next-translate": "^0.20.2",
     "portal": "https://github.com/datopian/portal.js",
     "qs": "^6.9.4",
@@ -48,13 +50,15 @@
     "slugify": "^1.4.0"
   },
   "devDependencies": {
+    "@tailwindcss/forms": "^0.3.3",
+    "@tailwindcss/typography": "^0.4.1",
     "@testing-library/jest-dom": "^5.8.0",
     "@testing-library/react": "^10.0.4",
     "@types/jest": "^25.2.3",
     "@types/react": "^16.9.35",
     "@typescript-eslint/eslint-plugin": "^3.8.0",
     "@typescript-eslint/parser": "^3.8.0",
-    "autoprefixer": "^9.8.6",
+    "autoprefixer": "^10.3.1",
     "babel-jest": "^26.0.1",
     "babel-plugin-graphql-tag": "^2.5.0",
     "cypress": "^6.6.0",
@@ -70,12 +74,13 @@
     "lint-staged": ">=10",
     "nock": "^12.0.3",
     "npm-run-all": "^4.1.5",
+    "postcss": "^8.3.6",
     "postcss-cli": "^7.1.1",
     "postcss-import": "^12.0.1",
     "postcss-preset-env": "6.7.0",
     "prettier": "^2.0.5",
     "react-test-renderer": "^16.13.1",
-    "tailwindcss": "^1.4.6",
+    "tailwindcss": "^2.2.7",
     "typescript": "^3.9.3"
   },
   "husky": {