feat(react): add tag transformation

Author: semantic-release-bot

example-project/next-15-runtime-based/test/__snapshots__/test.e2e.ts.snap

@@ -250,7 +250,7 @@ exports[`single-children-scoped > should correctly server side render 1`] = `
     .sc-my-button-scoped-h{display:block;background-color:green;color:white;font-weight:bold;border-radius:5px;cursor:pointer}slot-fb{display:contents}slot-fb[hidden]{display:none}
   </style>
   <my-button-scoped
-    class="button button-outline hydrated my-activatable my-focusable sc-my-button-scoped-h"
+    class="button button-outline hydrated my-activatable my-focusable sc-my-button-scoped sc-my-button-scoped-h"
     fill="outline"
     s-id="x"
   >
@@ -280,12 +280,12 @@ exports[`single-children-shadow > should correctly server side render 1`] = `
   >
   </template>
   <my-button
-    class="button button-outline hydrated my-activatable my-focusable sc-my-button-h"
+    class="button button-outline hydrated my-activatable my-focusable sc-my-button sc-my-button-h"
     fill="outline"
     s-id="x"
   >
     <template shadowrootmode="open">
-      <style>
+      <style sty-id="sc-my-button">
         :host{display:block;background-color:green;color:white;font-weight:bold;border-radius:5px;cursor:pointer}
       </style>
       <button
@@ -374,7 +374,7 @@ exports[`single-no-child-shadow > should correctly server side render 1`] = `
     s-id="x"
   >
     <template shadowrootmode="open">
-      <style>
+      <style sty-id="sc-my-component">
         :host{display:block;color:green}
       </style>
       <div