Repository: maizzle/framework (js)

Issue:
Tailwind class bg-no-repeat and base64 background image url conflict
- Maizzle Version: 8.19.2
- Node.js Version: 18.11.0

When I use a base64 image in the url plus the bg-no-repeat class, the url is not rendered well. I think there is a conflict trying to merge everything in the style attribute.
`style="background-repeat: no-repeat; background-image: url('data:image/jpeg }}">`
The url is trunc afeter jpeg and }} remains. 

Note: If I do not use the main layout then the class are not inlined as style (that is expected)  and the url is correctly rendered .

My template (x-main is the one that is installed when I create the project):
```
---
image: "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAYEBQY..."
---

<x-main>
      <div class="bg-no-repeat" style="background-image: url('{{{ page.image }}}');">

      </div>
</x-main>

```

Result:
```
<!DOCTYPE html>
<html lang="en" xmlns:v="urn:schemas-microsoft-com:vml">
<head>
  <meta charset="utf-8">
  <meta name="x-apple-disable-message-reformatting">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="format-detection" content="telephone=no, date=no, address=no, email=no, url=no">
  <meta name="color-scheme" content="light dark">
  <meta name="supported-color-schemes" content="light dark">
  <!--[if mso]>
  <noscript>
    <xml>
      <o:OfficeDocumentSettings xmlns:o="urn:schemas-microsoft-com:office:office">
        <o:PixelsPerInch>96</o:PixelsPerInch>
      </o:OfficeDocumentSettings>
    </xml>
  </noscript>
  <style>
    td,th,div,p,a,h1,h2,h3,h4,h5,h6 {font-family: "Segoe UI", sans-serif; mso-line-height-rule: exactly;}
  </style>
  <![endif]-->
  <style>
    img {
      max-width: 100%;
      vertical-align: middle;
      line-height: 1
    }
  </style>
</head>
<body style="margin: 0; width: 100%; padding: 0; -webkit-font-smoothing: antialiased; word-break: break-word">
  <div role="article" aria-roledescription="email" aria-label lang="en">
    <div style="background-repeat: no-repeat; background-image: url('data:image/jpeg }}">
    </div>
  </div>
</body>
</html>

```

Pull request:
build(deps): bump posthtml-attrs-parser from 0.1.1 to 0.1.2
Fixes #1208 

Patch:
diff --git a/package-lock.json b/package-lock.json
index ce439e6..36ffcc9 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -26,7 +26,7 @@
         "postcss-import": "^15.0.0",
         "postcss-merge-longhand": "^6.0.0",
         "posthtml": "^0.16.6",
-        "posthtml-attrs-parser": "^0.1.1",
+        "posthtml-attrs-parser": "^0.1.2",
         "posthtml-base-url": "^2.0.2",
         "posthtml-component": "^1.1.0",
         "posthtml-content": "^1.0.2",
@@ -11968,11 +11968,11 @@
       }
     },
     "node_modules/posthtml-attrs-parser": {
-      "version": "0.1.1",
-      "resolved": "https://registry.npmjs.org/posthtml-attrs-parser/-/posthtml-attrs-parser-0.1.1.tgz",
-      "integrity": "sha512-ZFZfTIb74uHFdn80+7DyP+qrryDX/Bb7Q2rUaByh6iUJ1HlKGSxkChKORpwIUHjChJDzcKEtnyXxzXzcjpH9CQ==",
-      "dependencies": {
-        "object-assign": "^4.0.1"
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/posthtml-attrs-parser/-/posthtml-attrs-parser-0.1.2.tgz",
+      "integrity": "sha512-eyyPge8w+gEhpqVZMBrevUUo4MvpePkRWSDHYyjtntdz9C3bnLpCwE9lw5rj+JXut71KuddD0i61e5KbeDy0nQ==",
+      "engines": {
+        "node": ">=16.0.0"
       }
     },
     "node_modules/posthtml-base-url": {
@@ -25493,12 +25493,9 @@
       }
     },
     "posthtml-attrs-parser": {
-      "version": "0.1.1",
-      "resolved": "https://registry.npmjs.org/posthtml-attrs-parser/-/posthtml-attrs-parser-0.1.1.tgz",
-      "integrity": "sha512-ZFZfTIb74uHFdn80+7DyP+qrryDX/Bb7Q2rUaByh6iUJ1HlKGSxkChKORpwIUHjChJDzcKEtnyXxzXzcjpH9CQ==",
-      "requires": {
-        "object-assign": "^4.0.1"
-      }
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/posthtml-attrs-parser/-/posthtml-attrs-parser-0.1.2.tgz",
+      "integrity": "sha512-eyyPge8w+gEhpqVZMBrevUUo4MvpePkRWSDHYyjtntdz9C3bnLpCwE9lw5rj+JXut71KuddD0i61e5KbeDy0nQ=="
     },
     "posthtml-base-url": {
       "version": "2.0.2",
diff --git a/package.json b/package.json
index ee7c810..2bae7ba 100644
--- a/package.json
+++ b/package.json
@@ -59,7 +59,7 @@
     "postcss-import": "^15.0.0",
     "postcss-merge-longhand": "^6.0.0",
     "posthtml": "^0.16.6",
-    "posthtml-attrs-parser": "^0.1.1",
+    "posthtml-attrs-parser": "^0.1.2",
     "posthtml-base-url": "^2.0.2",
     "posthtml-component": "^1.1.0",
     "posthtml-content": "^1.0.2",


Test patch:
diff --git a/test/test-transformers.js b/test/test-transformers.js
index 5fd4a4f..bf01365 100644
--- a/test/test-transformers.js
+++ b/test/test-transformers.js
@@ -395,7 +395,7 @@ test('attribute to style', async t => {
   </table>`
 
   const expected = `<table width="100%" height="600" align="left" bgcolor="#FFFFFF" background="https://example.com/image.jpg" style="width: 100%; height: 600px; float: left; background-color: #FFFFFF; background-image: url('https://example.com/image.jpg')">
-    <tr style="">
+    <tr style>
       <td align="center" valign="top" style="text-align: center; vertical-align: top"></td>
     </tr>
   </table>`
@@ -407,8 +407,8 @@ test('attribute to style', async t => {
   </table>`
 
   const expected2 = `<table align="center" style="margin-left: auto; margin-right: auto">
-    <tr style="">
-      <td style=""></td>
+    <tr style>
+      <td style></td>
     </tr>
   </table>`