a generator to move the styles to app

app/assets/stylesheets/merged.tailwind.css

@@ -1,19 +1,2 @@
 @import "./tailwind_base.css";
-@import "./merged/tailwind_styles.css";
-
-
-
-@layer components {
-  .button {
-    @apply inline-block rounded-lg px-3 py-2 text-base font-medium border border-gray-500 hover:border-black;
-  }
-  .change {
-    @apply bg-cyan-200;
-  }
-  .remove {
-    @apply bg-red-200;
-  }
-  .action {
-    @apply bg-green-200;
-  }
-}
+@import "./merged_tailwind_styles.css";

app/assets/stylesheets/merged/merged.css

@@ -2059,16 +2059,16 @@ select {
   border-color: rgb(243 244 246 / var(--tw-border-opacity));
 }
 
-.border-gray-200 {
-  --tw-border-opacity: 1;
-  border-color: rgb(229 231 235 / var(--tw-border-opacity));
-}
-
 .border-slate-400 {
   --tw-border-opacity: 1;
   border-color: rgb(148 163 184 / var(--tw-border-opacity));
 }
 
+.border-gray-200 {
+  --tw-border-opacity: 1;
+  border-color: rgb(229 231 235 / var(--tw-border-opacity));
+}
+
 .border-green-500 {
   --tw-border-opacity: 1;
   border-color: rgb(34 197 94 / var(--tw-border-opacity));

app/assets/stylesheets/merged/tailwind_styles.css

@@ -1,6 +0,0 @@
-.prose {
-  max-width: 100%;
-  color: inherit;
-  --tw-prose-bullets: #6b7280;
-  --tw-prose-headings: inherit;
-}

app/assets/stylesheets/merged_tailwind_styles.css

@@ -0,0 +1,21 @@
+.prose {
+  max-width: 100%;
+  color: inherit;
+  --tw-prose-bullets: #6b7280;
+  --tw-prose-headings: inherit;
+}
+
+@layer components {
+  .button {
+    @apply inline-block rounded-lg px-3 py-2 text-base font-medium border border-gray-500 hover:border-black;
+  }
+  .change {
+    @apply bg-cyan-200;
+  }
+  .remove {
+    @apply bg-red-200;
+  }
+  .action {
+    @apply bg-green-200;
+  }
+}