Scoped elements no side effects (#2770)

* Move side-effects into mixin

* Mark `@open-wc/scoped-elements` as side effect free

* Add changeset

* Run prettier

* Revert changes to `html-element.js`

.changeset/sweet-clocks-share.md

@@ -0,0 +1,5 @@
+---
+'@open-wc/scoped-elements': patch
+---
+
+Marked `@open-wc/scoped-elements` as side-effect free

docs/_data/componentLibraries.js

@@ -138,7 +138,8 @@ const componentLibraries = [
   {
     name: 'Porsche Design System',
     url: 'https://designsystem.porsche.com/',
-    description: "The Porsche Design System provides the design fundamentals and elements for efficiently creating aesthetic and high-quality web applications, including easy-to-use Figma and UX Pin libraries, coded Web Components and comprehensive usage guidelines. Everything is built and tested following the Porsche quality standards and corporate design principles.",
+    description:
+      'The Porsche Design System provides the design fundamentals and elements for efficiently creating aesthetic and high-quality web applications, including easy-to-use Figma and UX Pin libraries, coded Web Components and comprehensive usage guidelines. Everything is built and tested following the Porsche quality standards and corporate design principles.',
   },
   {
     name: 'Siemenx IX',

packages/scoped-elements/package.json

@@ -55,5 +55,6 @@
   "devDependencies": {
     "@open-wc/testing": "^3.2.2",
     "@webcomponents/scoped-custom-element-registry": "^0.0.9"
-  }
+  },
+  "sideEffects": false
 }