Env: Update tailwindcss safelist

postcss.config.js

@@ -1,6 +1,6 @@
 export default {
   plugins: {
-    tailwindcss: {},
+    tailwindcss: { config: "./tailwind.config.ts" },
     autoprefixer: {},
   },
-}
+};

prettier.config.js

@@ -17,7 +17,7 @@ const config = {
   quoteProps: "as-needed",
   trailingComma: "all",
   bracketSpacing: true,
-  bracketSameLine: true,
+  bracketSameLine: false,
   arrowParens: "always",
 
   // File specific configuration options

tailwind.config.ts

@@ -7,10 +7,7 @@ import forms from "@tailwindcss/forms";
 const config = {
   content: [
     "./src/**/*.{html,js,svelte,ts}",
-    join(
-      require.resolve("@skeletonlabs/skeleton"),
-      "../**/*.{html,js,svelte,ts}",
-    ),
+    join(require.resolve("@skeletonlabs/skeleton"), "../**/*.{html,js,svelte,ts}"),
   ],
   theme: {
     extend: {},
@@ -23,6 +20,18 @@ const config = {
       },
     }),
   ],
+  safelist: [
+    // List all patterns that are used dynamically, e.g. class="variant-filled-{color}"
+    {
+      pattern: /variant-filled-+/,
+    },
+    {
+      pattern: /w-full/,
+    },
+    {
+      pattern: /w-auto/,
+    },
+  ],
 } satisfies Config;
 
 export default config;