Upgrade to Tailwind v4 (#1853)

* Upgrade to Tailwind v4

* Update max width classes

* Revert improper changes from Tailwind migration tool

app/views/import/cleans/show.html.erb

@@ -4,7 +4,7 @@
 
 <%= content_for :previous_path, import_configuration_path(@import) %>
 
-<div class="space-y-4 mx-auto max-w-screen-lg">
+<div class="space-y-4 mx-auto max-w-5xl">
   <div class="text-center space-y-2 max-w-[400px] mx-auto mb-4">
     <h2 class="text-3xl text-gray-900 font-medium"><%= t(".title") %></h2>
     <p class="text-gray-500 text-sm"><%= t(".description") %></p>
@@ -52,7 +52,7 @@
   </div>
 
   <div class="fixed bottom-0 left-1/2 -translate-x-1/2 w-full p-12">
-    <div class="border border-alpha-black-100 rounded-lg p-3 max-w-screen-sm mx-auto bg-white shadow-xs">
+    <div class="border border-alpha-black-100 rounded-lg p-3 max-w-2xl mx-auto bg-white shadow-xs">
       <%= render "application/pagination", pagy: @pagy %>
     </div>
   </div>

app/views/import/configurations/show.html.erb

@@ -16,7 +16,7 @@
     </div>
   </div>
 
-  <div class="mx-auto max-w-screen-lg my-12">
+  <div class="mx-auto max-w-5xl my-12">
     <%= render "imports/table", headers: @import.csv_headers, rows: @import.csv_sample, caption: "Sample data from your uploaded CSV" %>
   </div>
 </div>

app/views/import/confirms/show.html.erb

@@ -28,6 +28,6 @@
   </div>
 </div>
 
-<div class="max-w-screen-md mx-auto flex flex-col items-center">
+<div class="max-w-3xl mx-auto flex flex-col items-center">
   <%= render partial: "import/confirms/mappings", locals: { import: @import, mapping_class: step_mapping_class, step_idx: step_idx } %>
 </div>

app/views/import/uploads/show.html.erb

@@ -49,7 +49,7 @@
     </div>
   </div>
 
-  <div class="bg-alpha-black-25 rounded-xl p-1 mt-5 mx-auto max-w-screen-xl">
+  <div class="bg-alpha-black-25 rounded-xl p-1 mt-5 mx-auto max-w-7xl">
     <div class="text-gray-500 p-2 mb-2">
       <div class="flex gap-2 mb-2">
         <%= lucide_icon("info", class: "w-5 h-5 shrink-0") %>