chore(examples): update webpack usage to use ESM

Author: metonym

README.md

@@ -130,10 +130,10 @@ export default {
 This code is abridged; see [examples/webpack](examples/webpack) for a full set-up.
 
 ```js
-// webpack.config.js
-const { optimizeImports } = require("carbon-preprocess-svelte");
+// webpack.config.mjs
+import { optimizeImports } from "carbon-preprocess-svelte";
 
-module.exports = {
+export default {
   module: {
     rules: [
       {
@@ -261,12 +261,12 @@ For Webpack users, `OptimizeCssPlugin` is a drop-in replacement for `optimizeCss
 This code is abridged; see [examples/webpack](examples/webpack) for a full set-up.
 
 ```js
-// webpack.config.js
-const { OptimizeCssPlugin } = require("carbon-preprocess-svelte");
+// webpack.config.mjs
+import { OptimizeCssPlugin } from "carbon-preprocess-svelte";
 
 const PROD = process.env.NODE_ENV === "production";
 
-module.exports = {
+export default {
   plugins: [
     // Only apply the plugin when building for production.
     PROD && new OptimizeCssPlugin(),

examples/webpack/webpack.config.mjs

@@ -1,12 +1,10 @@
 // @ts-check
 import path from "node:path";
-import carbonPreprocess from "carbon-preprocess-svelte";
+import { OptimizeCssPlugin, optimizeImports } from "carbon-preprocess-svelte";
 import HtmlWebpackPlugin from "html-webpack-plugin";
 import MiniCssExtractPlugin from "mini-css-extract-plugin";
 import { sveltePreprocess } from "svelte-preprocess";
 
-const { optimizeImports, OptimizeCssPlugin } = carbonPreprocess;
-
 /** @type {"development" | "production"} */
 const NODE_ENV =
   process.env.NODE_ENV === "production" ? "production" : "development";

examples/webpack@svelte-5/webpack.config.mjs

@@ -1,12 +1,10 @@
 // @ts-check
 import path from "node:path";
-import carbonPreprocess from "carbon-preprocess-svelte";
+import { OptimizeCssPlugin, optimizeImports } from "carbon-preprocess-svelte";
 import HtmlWebpackPlugin from "html-webpack-plugin";
 import MiniCssExtractPlugin from "mini-css-extract-plugin";
 import { sveltePreprocess } from "svelte-preprocess";
 
-const { optimizeImports, OptimizeCssPlugin } = carbonPreprocess;
-
 /** @type {"development" | "production"} */
 const NODE_ENV =
   process.env.NODE_ENV === "production" ? "production" : "development";