Migrar de Material-UI a TailwindCSS

.gitignore

@@ -36,3 +36,6 @@ tags
 
 # Ignore coverage reports
 /coverage
+
+/app/assets/builds/*
+!/app/assets/builds/.keep

Gemfile

@@ -16,6 +16,7 @@ gem 'propshaft', '~> 1.1'
 gem 'puma', '~> 6.6'
 gem 'rollbar', '~> 3.6'
 gem 'stimulus-rails', '~> 1.3'
+gem 'tailwindcss-rails', '~> 4.1'
 gem 'turbo-rails', '~> 2.0'
 
 group :development, :deploy do

Gemfile.lock

@@ -363,6 +363,10 @@ GEM
     stimulus-rails (1.3.4)
       railties (>= 6.0.0)
     stringio (3.1.2)
+    tailwindcss-rails (4.1.0)
+      railties (>= 7.0.0)
+      tailwindcss-ruby (~> 4.0)
+    tailwindcss-ruby (4.0.7)
     thor (1.3.2)
     timeout (0.4.3)
     turbo-rails (2.0.11)
@@ -420,6 +424,7 @@ DEPENDENCIES
   shoulda-matchers (~> 6.0)
   simplecov
   stimulus-rails (~> 1.3)
+  tailwindcss-rails (~> 4.1)
   turbo-rails (~> 2.0)
   web-console (~> 4.2)
 

app/assets/tailwind/application.css

@@ -0,0 +1 @@
+@import "tailwindcss";

app/views/layouts/application.html.erb

@@ -11,7 +11,6 @@
 
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <%= stylesheet_link_tag :app, "data-turbo-track": "reload" %>
-    <%= stylesheet_link_tag :reset, "data-turbo-track": "reload" %>
     <%= stylesheet_link_tag    'https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,500,0,0' %>
     <%= stylesheet_link_tag    'https://fonts.googleapis.com/css?family=Roboto:300,400,500,600,700' %>
     <%= stylesheet_link_tag    'https://fonts.googleapis.com/icon?family=Material+Icons' %>

config/puma.rb

@@ -36,6 +36,9 @@
 # Run the Solid Queue supervisor inside of Puma for single-server deployments
 plugin :solid_queue if ENV["SOLID_QUEUE_IN_PUMA"]
 
+# Run tailwindcss-rails watch mode in the background (only in development).
+plugin :tailwindcss if ENV.fetch("RAILS_ENV", "development") == "development"
+
 # Specify the PID file. Defaults to tmp/pids/server.pid in development.
 # In other environments, only set the PID file if requested.