fix(package.json): use .mjs wrappers strategy

- @see https://nodejs.org/api/packages.html#approach-1-use-an-es-module-wrapper
- @see https://www.typescriptlang.org/docs/handbook/release-notes/typescript-4-7.html#packagejson-exports-imports-and-self-referencing

package.json

@@ -2,22 +2,27 @@
   "name": "@channel.io/channel-web-sdk-loader",
   "version": "1.1.2",
   "description": "Official Channel Web SDK Loader",
-  "main": "dist/index.cjs.js",
-  "module": "dist/index.esm.js",
-  "types": "dist/index.d.ts",
   "exports": {
     ".": {
-      "import": "./dist/index.esm.js",
-      "require": "./dist/index.cjs.js",
-      "types": "./dist/index.d.ts"
+      "import": {
+        "types": "./dist/index.d.mts",
+        "default": "./dist/index.esm.mjs"
+      },
+      "require": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.cjs.js"
+      }
     }
   },
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.esm.js",
+  "types": "dist/index.d.ts",
   "sideEffects": false,
   "scripts": {
     "prepublishOnly": "npm run build",
-    "build": "npm run build:cjs && npm run build:esm",
+    "build": "npm run build:esm && npm run build:cjs",
+    "build:esm": "tsc -p tsconfig.esm.json && mv dist/index.js dist/index.esm.js && mv dist/index.d.ts dist/index.d.mts && cp dist/index.esm.js dist/index.esm.mjs",
     "build:cjs": "tsc -p tsconfig.cjs.json && mv dist/index.js dist/index.cjs.js",
-    "build:esm": "tsc -p tsconfig.esm.json && mv dist/index.js dist/index.esm.js",
     "test": "echo \"Error: no test specified\" && exit 1",
     "commit": "git-cz",
     "build:typedoc": "typedoc src/index.ts"