Fix bundling (#553)

* update styled-components

* fix interop

Author: nowyDEV

package-lock.json

@@ -1,7 +1,7 @@
 {
   "name": "@nordcloud/gnui",
   "description": "Nordcloud Design System - a collection of reusable React components used in Nordcloud's SaaS products",
-  "version": "7.8.0",
+  "version": "7.8.1",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -71,7 +71,7 @@
   "peerDependencies": {
     "react": "^16.13.0 || ^17.0.0",
     "react-dom": "^16.13.0 || ^17.0.0",
-    "styled-components": "^5.0.0"
+    "styled-components": "^5.3.0"
   },
   "dependencies": {
     "@types/styled-system": "^5.1.15",
@@ -102,7 +102,7 @@
     "@types/react": "^17.0.52",
     "@types/react-dom": "^17.0.18",
     "@types/react-helmet": "^6.1.6",
-    "@types/styled-components": "^5.1.1",
+    "@types/styled-components": "^5.1.26",
     "cross-env": "^7.0.3",
     "date-fns": "^2.29.3",
     "eslint": "^8.31.0",
@@ -122,7 +122,7 @@
     "rollup-plugin-typescript2": "^0.34.1",
     "storybook": "^6.5.12",
     "storybook-addon-turbo-build": "^1.1.0",
-    "styled-components": "^5.0.1",
+    "styled-components": "^5.3.6",
     "stylelint": "^13.13.1",
     "stylelint-config-recommended": "^5.0.0",
     "stylelint-config-styled-components": "^0.1.1",

package.json

@@ -1,13 +1,8 @@
-import * as fs from "fs";
-import * as path from "path";
-
 import resolve from "@rollup/plugin-node-resolve";
 import commonjs from "@rollup/plugin-commonjs";
 import typescript from "rollup-plugin-typescript2";
 
-const packageJson = JSON.parse(
-  fs.readFileSync(path.join(__dirname, "package.json"))
-);
+const packageJson = require("./package.json");
 
 /** @type {import("rollup").RollupOptions} */
 export default {
@@ -17,11 +12,13 @@ export default {
       file: packageJson.main,
       format: "cjs",
       sourcemap: true,
+      interop: "compat",
     },
     {
       file: packageJson.module,
       format: "esm",
       sourcemap: true,
+      interop: "compat",
     },
   ],
   plugins: [