Use tailwindcss standalone cli

modules/webapp/package.json

@@ -5,13 +5,6 @@
   "devDependencies": {
     "@fortawesome/fontawesome-free": "^6.0.0",
     "@tailwindcss/forms": "^0.5.0",
-    "autoprefixer": "^10.4.2",
-    "cssnano": "^6.0.0",
-    "flag-icon-css": "^3.5.0",
-    "postcss": "^8.4.7",
-    "postcss-cli": "^11.0.0",
-    "postcss-import": "^16.0.0",
-    "postcss-purgecss": "^5.0.0",
-    "tailwindcss": "^3.0.23"
+    "flag-icons": "^7.2.0"
   }
 }

modules/webapp/src/main/elm/Messages.elm

@@ -109,7 +109,7 @@ gb tz =
     , timeZone = tz
     , iso2 = "gb"
     , label = "English"
-    , flagIcon = "flag-icon flag-icon-gb"
+    , flagIcon = "fi fi-gb"
     , app = Messages.App.gb
     , collectiveSettings = Messages.Page.CollectiveSettings.gb tz
     , login = Messages.Page.Login.gb
@@ -133,7 +133,7 @@ de tz =
     , timeZone = tz
     , iso2 = "de"
     , label = "Deutsch"
-    , flagIcon = "flag-icon flag-icon-de"
+    , flagIcon = "fi fi-de"
     , app = Messages.App.de
     , collectiveSettings = Messages.Page.CollectiveSettings.de tz
     , login = Messages.Page.Login.de
@@ -157,7 +157,7 @@ fr tz =
     , timeZone = tz
     , iso2 = "fr"
     , label = "Français"
-    , flagIcon = "flag-icon flag-icon-fr"
+    , flagIcon = "fi fi-fr"
     , app = Messages.App.fr
     , collectiveSettings = Messages.Page.CollectiveSettings.fr tz
     , login = Messages.Page.Login.fr

modules/webapp/src/main/styles/index.css

@@ -1,5 +1,5 @@
 @import "@fortawesome/fontawesome-free/css/all";
-@import "flag-icon-css/css/flag-icon.min";
+@import "flag-icons/css/flag-icons.min";
 
 @import "tailwindcss/base";
 @import "tailwindcss/components";

modules/webapp/tailwind.config.js

@@ -28,5 +28,4 @@ module.exports = {
     plugins: [
         require('@tailwindcss/forms')
     ]
-//    prefix: 'tw-'
 }