chore(deps): upgrade to latest stable

- add `mime@4` dependency to pleb ignore beacuse it is esm only now

package.json

@@ -39,7 +39,7 @@
     "@types/mocha": "^10.0.6",
     "@types/node": "18",
     "@types/postcss-safe-parser": "^5.0.4",
-    "@types/react": "^18.2.39",
+    "@types/react": "^18.2.45",
     "@types/react-dom": "^18.2.17",
     "@types/validate-npm-package-name": "^4.0.2",
     "@types/yargs": "^17.0.32",
@@ -50,28 +50,28 @@
     "chai": "^4.3.10",
     "chai-subset": "^1.6.0",
     "create-listening-server": "^2.1.0",
-    "eslint": "^8.54.0",
-    "eslint-config-prettier": "^9.0.0",
+    "eslint": "^8.55.0",
+    "eslint-config-prettier": "^9.1.0",
     "file-loader": "^6.2.0",
-    "html-webpack-plugin": "^5.5.3",
+    "html-webpack-plugin": "^5.5.4",
     "mini-css-extract-plugin": "^2.7.6",
     "mocha": "^10.2.0",
     "node-eval": "^2.0.0",
     "npm-run-all": "^4.1.5",
     "playwright-chromium": "^1.40.1",
-    "postcss": "^8.4.31",
+    "postcss": "^8.4.32",
     "promise-assist": "^2.0.1",
     "raw-loader": "^4.0.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "rimraf": "^5.0.5",
-    "rollup": "^4.6.0",
+    "rollup": "^4.8.0",
     "source-map": "^0.7.4",
     "source-map-loader": "^4.0.1",
     "style-loader": "^3.3.3",
     "ts-expect": "^1.3.0",
     "tsconfig-paths-webpack-plugin": "^4.1.0",
-    "typescript": "~5.2.2",
+    "typescript": "~5.3.3",
     "url-loader": "^4.1.1",
     "webpack": "^5.89.0",
     "yargs": "^17.7.2"

packages/cli/src/file-to-data-uri.ts

@@ -1,5 +1,5 @@
-import { getType } from 'mime';
+import mime from 'mime';
 
 export function fileToDataUri(filename: string, content: { toString: (arg0: 'base64') => string }) {
-    return `data:${getType(filename)};charset=utf-8;base64,${content.toString('base64')}`;
+    return `data:${mime.getType(filename)};charset=utf-8;base64,${content.toString('base64')}`;
 }

packages/code-formatter/package.json

@@ -10,7 +10,7 @@
     "@stylable/core": "^5.16.0",
     "@tokey/css-value-parser": "^0.1.4",
     "js-beautify": "^1.14.11",
-    "postcss": "^8.4.31"
+    "postcss": "^8.4.32"
   },
   "files": [
     "dist",

packages/core-test-kit/package.json

@@ -11,7 +11,7 @@
     "@stylable/core": "^5.16.0",
     "chai": "^4.3.10",
     "flat": "^5.0.2",
-    "postcss": "^8.4.31"
+    "postcss": "^8.4.32"
   },
   "files": [
     "dist",

packages/core/package.json

@@ -16,7 +16,7 @@
     "is-vendor-prefixed": "^4.0.0",
     "lodash.clonedeep": "^4.5.0",
     "lodash.clonedeepwith": "^4.5.0",
-    "postcss": "^8.4.31",
+    "postcss": "^8.4.32",
     "postcss-js": "^4.0.1",
     "postcss-nested": "^6.0.1",
     "postcss-safe-parser": "^7.0.0",

packages/language-service/package.json

@@ -19,7 +19,7 @@
     "@tokey/css-selector-parser": "^0.6.2",
     "@tokey/css-value-parser": "^0.1.4",
     "css-selector-tokenizer": "^0.8.0",
-    "postcss": "^8.4.31",
+    "postcss": "^8.4.32",
     "postcss-value-parser": "^4.2.0",
     "vscode-css-languageservice": "^6.2.11",
     "vscode-languageserver": "^9.0.1",

packages/optimizer/package.json

@@ -10,7 +10,7 @@
     "@stylable/core": "^5.16.0",
     "@tokey/css-selector-parser": "^0.6.2",
     "csso": "^5.0.5",
-    "postcss": "^8.4.31"
+    "postcss": "^8.4.32"
   },
   "files": [
     "dist",

packages/rollup-plugin/src/plugin-utils.ts

@@ -5,7 +5,7 @@ import { processUrlDependencies } from '@stylable/build-tools';
 import fs from 'fs';
 import { basename, extname, isAbsolute, join } from 'path';
 import { createHash } from 'crypto';
-import { getType } from 'mime';
+import mime from 'mime';
 
 export function generateCssString(
     meta: StylableMeta,
@@ -45,7 +45,7 @@ export function emitAssets(
             typeof inlineAssets === 'function' ? inlineAssets(asset, fileBuffer) : inlineAssets;
 
         if (shouldInline) {
-            const mimeType = getType(extname(asset));
+            const mimeType = mime.getType(extname(asset));
             assetsIds.push(`data:${mimeType};base64,${fileBuffer.toString('base64')}`);
         } else {
             const name = basename(asset);

packages/webpack-plugin/package.json

@@ -20,7 +20,7 @@
     "decache": "^4.6.2",
     "enhanced-resolve": "^5.15.0",
     "lodash.clonedeep": "^4.5.0",
-    "postcss": "^8.4.31"
+    "postcss": "^8.4.32"
   },
   "files": [
     "dist",

pleb.config.mjs

@@ -16,5 +16,9 @@ export default {
       name: 'flat',
       reason: 'esm only',
     },
+    {
+      name: 'mime',
+      reason: 'esm only',
+    },
   ],
 };

tsconfig.base.json

@@ -105,6 +105,6 @@
 
     /* Completeness */
     // "skipDefaultLibCheck": true,                      /* Skip type checking .d.ts files that are included with TypeScript. */
-    // "skipLibCheck": true                              /* Skip type checking all .d.ts files. */
+    "skipLibCheck": true                              /* Skip type checking all .d.ts files. */
   }
 }