use webpack common dependency (#990)

### Description of the Changes

use new `webpack-common` repo to import `insertStylesWithNonce`
function.

related to FEC-14367

Author: lianbenjamin

package.json

@@ -49,6 +49,7 @@
     "release": "standard-version"
   },
   "dependencies": {
+    "@playkit-js/webpack-common": "^1.0.1-canary.0-fc299af",
     "preact": "10.4.6",
     "preact-i18n": "2.0.0-preactx.2",
     "react-redux": "7.2.1",
@@ -94,6 +95,7 @@
     "karma-webpack": "^5.0.0",
     "mini-css-extract-plugin": "^2.7.6",
     "mocha": "^10.0.0",
+    "playkit-js-webpack-common": "^1.0.0",
     "prettier": "^3.1.1",
     "sass": "^1.58.0",
     "sass-loader": "^9.0.2",

webpack.config.js

@@ -2,6 +2,7 @@ const webpack = require('webpack');
 const path = require('path');
 const packageData = require('./package.json');
 const CSS_MODULE_PREFIX = 'playkit';
+const {insertStylesWithNonce} = require('@playkit-js/webpack-common');
 
 module.exports = (env, {mode}) => {
   return {
@@ -42,12 +43,7 @@ module.exports = (env, {mode}) => {
                 attributes: {
                   id: `${packageData.name}`
                 },
-                insert: function insertStylesWithNonce(styleElement) {
-                  if (typeof window.kalturaGlobalConfig?.stylesNonce === 'string') {
-                    styleElement.setAttribute('nonce', window.kalturaGlobalConfig.stylesNonce);
-                  }
-                  document.head.appendChild(styleElement);
-                }
+                insert: insertStylesWithNonce
               }
             },
             {