@maizzle/framework 5.0.8 → 5.0.9

package/CHANGELOG.md

@@ -4,6 +4,21 @@ All notable changes to this project will be documented in this file.
 
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/), and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [5.0.9] - 2025-06-12
+
+This release fixes an issue where builds failed because `preferUnitlessValues` (which is on by default) was throwing an error when encountering invalid inline CSS.
+
+- fix: skip parsing invalid css in `preferUnitlessValues` e891c14
+
+## [5.0.8] - 2025-04-15
+
+This release fixes an issue that prevented the use of `posthtml.plugins.before` and `posthtml.plugins.after` simultaneously.
+
+### Fixed
+
+- fix: `posthtml.plugins.before` 4374706
+- build(deps): bump vite from 6.2.5 to 6.2.6 cafa1f6
+
 ## [5.0.7] - 2025-04-03
 
 ### Fixed

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maizzle/framework",
-  "version": "5.0.8",
+  "version": "5.0.9",
   "description": "Maizzle is a framework that helps you quickly build HTML emails with Tailwind CSS.",
   "license": "MIT",
   "type": "module",

package/src/transformers/inline.js

@@ -189,30 +189,31 @@ export async function inline(html = '', options = {}) {
 
           // 1. `preferUnitlessValues`
           if (styleAttr) {
-            // Parse the inline styles using postcss
-            const root = postcss.parse(`* { ${styleAttr} }`)
-
-            root.first.each((decl) => {
-              const property = decl.prop
-              let value = decl.value
-
-              if (value && options.preferUnitlessValues) {
-                value = value.replace(
-                  /\b0(px|rem|em|%|vh|vw|vmin|vmax|in|cm|mm|pt|pc|ex|ch)\b/g,
-                  '0'
-                )
-              }
-
-              if (property) {
-                inlineStyles[property] = value
-              }
-            })
-
-            // Update the element's style attribute with the new value
-            $(el).attr(
-              'style',
-              Object.entries(inlineStyles).map(([property, value]) => `${property}: ${value}`).join('; ')
-            )
+            try {
+              const root = postcss.parse(`* { ${styleAttr} }`)
+
+              root.first.each((decl) => {
+                const property = decl.prop
+                let value = decl.value
+
+                if (value && options.preferUnitlessValues) {
+                  value = value.replace(
+                    /\b0(px|rem|em|%|vh|vw|vmin|vmax|in|cm|mm|pt|pc|ex|ch)\b/g,
+                    '0'
+                  )
+                }
+
+                if (property) {
+                  inlineStyles[property] = value
+                }
+              })
+
+              // Update the element's style attribute with the new value
+              $(el).attr(
+                'style',
+                Object.entries(inlineStyles).map(([property, value]) => `${property}: ${value}`).join('; ')
+              )
+            } catch {}
           }
 
           // Get the classes from the element's class attribute