fix: add constructable stylesheets polyfill

package.json

@@ -38,6 +38,7 @@
     "@typescript-eslint/parser": "^5.45.0",
     "axios": "^1.2.1 || ~1.1.3",
     "bluebird": "^3.7.2",
+    "construct-style-sheets-polyfill": "^3.1.0",
     "eslint": "^8.28.0",
     "form-data": "^4.0.0",
     "jszip": "^3.10.1",

rollup.config.js

@@ -9,6 +9,7 @@ import {assetLoader} from "./build/asset-loader.mjs";
 import jsonPlugin from "@rollup/plugin-json";
 import cleanPlugin from "./build/clean-plugin.mjs";
 import scssLoader from "./build/scss-loader.mjs";
+import {join} from "node:path";
 
 const srcInclude = /src[\\/].+\.m?tsx?$/;
 const srcExclude = /node_modules[\\/]/;
@@ -110,12 +111,22 @@ export default function (opts) {
         },
       }),
       copyPlugin({
-        copy: [{
-          from: [
-            'manifest.json',
-            // 'public_api.d.ts',
-          ]
-        }],
+        copy: [
+          {
+            from: [
+              'manifest.json',
+              // 'public_api.d.ts',
+            ]
+          },
+          {
+            from: 'adoptedStyleSheets.js',
+            opts: {
+              glob: {
+                cwd: join(process.cwd(), 'node_modules', 'construct-style-sheets-polyfill', 'dist'),
+              },
+            },
+          }
+        ],
         defaultOpts: {
           glob: {cwd: 'src'},
           emitNameKind: 'fileName',

src/manifest.json

@@ -2,6 +2,7 @@
   "namespace": "ActionWorkflows",
   "setup": "setup.mjs",
   "load": [
+    "adoptedStyleSheets.js",
     "styles.css"
   ]
 }