@classic-homes/postcss-config 0.1.1

package/CHANGELOG.md

@@ -0,0 +1,7 @@
+# @classic-homes/postcss-config
+
+## 0.1.1
+
+### Patch Changes
+
+- CI Release (e04f7bc): Fix usePersistedForm to extend useForm properly

package/index.js

@@ -0,0 +1,46 @@
+/**
+ * Shared PostCSS configuration for Classic Theme
+ *
+ * Provides CSS compatibility for older browsers that lack support for:
+ * - CSS @layer (Safari < 15.4, Chrome < 99, Firefox < 97)
+ * - :focus-visible (Safari < 15.4)
+ * - Other modern CSS features
+ *
+ * Plugin order is critical:
+ * 1. postcss-cascade-layers - Must transform @layer BEFORE Tailwind processes CSS
+ * 2. tailwindcss - Processes Tailwind directives
+ * 3. postcss-preset-env - Polyfills other modern CSS features
+ * 4. autoprefixer - Adds vendor prefixes (included in postcss-preset-env)
+ */
+export default {
+  plugins: {
+    // Transform @layer rules for browsers without native support
+    // Must run BEFORE tailwindcss
+    '@csstools/postcss-cascade-layers': {},
+
+    // Process Tailwind directives
+    tailwindcss: {},
+
+    // Modern CSS polyfills
+    'postcss-preset-env': {
+      stage: 2,
+      features: {
+        // Handled by dedicated plugin above
+        'cascade-layers': false,
+        // Enable :focus-visible polyfill
+        'focus-visible-pseudo-class': true,
+        // Enable flexbox gap polyfill
+        'gap-properties': true,
+        // CSS custom properties work in all target browsers
+        'custom-properties': false,
+        // Disable :is() polyfill - Tailwind's complex selectors can't be transformed
+        // and :is() is supported in all target browsers (Safari 14+, Chrome 88+, Firefox 78+)
+        'is-pseudo-class': false,
+      },
+      // autoprefixer is included in preset-env
+      autoprefixer: {
+        flexbox: 'no-2009',
+      },
+    },
+  },
+};

package/package.json

@@ -0,0 +1,22 @@
+{
+  "name": "@classic-homes/postcss-config",
+  "version": "0.1.1",
+  "description": "Shared PostCSS configuration for Classic Theme with browser compatibility",
+  "main": "index.js",
+  "type": "module",
+  "exports": {
+    ".": "./index.js"
+  },
+  "peerDependencies": {
+    "postcss": ">=8.0.0",
+    "tailwindcss": ">=3.0.0"
+  },
+  "dependencies": {
+    "@csstools/postcss-cascade-layers": "^5.0.0",
+    "autoprefixer": "^10.4.0",
+    "postcss-preset-env": "^10.0.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}