feat: upgrade to tailwind 3 (#44779)

Co-authored-by: ahmad abdolsaheb <home@mac-16.local>

tools/ui-components/package.json

@@ -52,7 +52,7 @@
     "rollup": "2.64.0",
     "rollup-plugin-postcss": "4.0.2",
     "rollup-plugin-terser": "7.0.2",
-    "tailwindcss": "2.2.19"
+    "tailwindcss": "3.0.13"
   },
   "scripts": {
     "storybook": "start-storybook -p 6006",

tools/ui-components/tailwind.config.js

@@ -1,5 +1,5 @@
 module.exports = {
-  purge: [
+  content: [
     './src/**/*.html',
     './src/**/*.js',
     './src/**/*.ts',
@@ -54,10 +54,5 @@ module.exports = {
       }
     }
   },
-  variants: {
-    extend: {
-      opacity: ['hover', 'focus']
-    }
-  },
   plugins: []
 };