Empty <style> tags throw errors during rendering

[paulcuth]

The error message isn't very helpful, but I believe that it shouldn't be erroring in the first place.

Simply adding :host{} fixes the issue, but the empty case should be handled.

---

Steps to recreate

• Create an element with the following code:

export default function TestElement({ html }) {
  return html`<style></style>`;
}

• Add the element to a page
• Navigate to the page

Expected

• Page loads normally

Actual

• The page isn't rendered
• The following error message is shown instead:

Oops, something went wrong
TypeError: Cannot read properties of undefined (reading 'value')
    at applyStyleTransforms (file:///Users/me/src/my-project/node_modules/@enhance/ssr/index.mjs:376:34)
    at expandTemplate (file:///Users/me/src/my-project/node_modules/@enhance/ssr/index.mjs:164:32)
    at file:///Users/me/src/my-project/node_modules/@enhance/ssr/index.mjs:35:15
    at walk (file:///Users/me/src/my-project/node_modules/@enhance/ssr/lib/walk.mjs:2:7)
    at walk (file:///Users/me/src/my-project/node_modules/@enhance/ssr/lib/walk.mjs:14:11)
    at walk (file:///Users/me/src/my-project/node_modules/@enhance/ssr/lib/walk.mjs:14:11)
    at walk (file:///Users/me/src/my-project/node_modules/@enhance/ssr/lib/walk.mjs:14:11)
    at walk (file:///Users/me/src/my-project/node_modules/@enhance/ssr/lib/walk.mjs:14:11)
    at walk (file:///Users/me/src/my-project/node_modules/@enhance/ssr/lib/walk.mjs:14:11)
    at processCustomElements (file:///Users/me/src/my-project/node_modules/@enhance/ssr/index.mjs:27:5)

[kristoferjoseph]

Thank you for filing this issue.
Looks like there needs to be another catch added for this case.