@maizzle/framework 5.0.4 → 5.0.6

package/package.json

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

package/src/transformers/baseUrl.js

@@ -103,12 +103,16 @@ const rewriteVMLs = (html, url) => {
    * Handle other sources inside MSO comments
    */
 
-  // Make a | pipe-separated list of all the default tags and use it to create a regex
+  // Make a pipe-separated list of all the default tags and use it to create a regex
   const uniqueSourceAttributes = [
     ...new Set(Object.values(defaultTags).flatMap(Object.keys))
   ].join('|')
 
-  const sourceAttrRegex = new RegExp(`\\b(${uniqueSourceAttributes})="([^"]+)"`, 'g')
+  /**
+   * This regex uses a negative lookbehind to avoid matching VML elements
+   * like <v:image> and <v:fill>, which are already handled above.
+   */
+  const sourceAttrRegex = new RegExp(`(?<!<v:image|fill[^>]*]*)\\b(${uniqueSourceAttributes})="([^"]+)"`, 'g')
 
   // Replace all the source attributes inside MSO comments
   html = html.replace(/<!--\[if [^\]]+\]>[\s\S]*?<!\[endif\]-->/g, (msoBlock) => {

package/src/transformers/inline.js

@@ -146,7 +146,7 @@ export async function inline(html = '', options = {}) {
       const { selector } = rule
 
       // Add the selector to the set as long as it's not a pseudo selector
-      if (!/(^|[^\\])::?[\w-]+/.test(selector)) {
+      if (!/.+[^\\\s]::?\w+/.test(selector)) {
         selectors.add({
           name: selector,
           prop: get(rule.nodes[0], 'prop')