feat!: build as ESM-Only, drop CJS

Author: ghiscoding

packages/demo/package.json

@@ -5,8 +5,7 @@
   "scripts": {
     "dev": "vite",
     "build": "tsc && vite build",
-    "preview": "vite preview",
-    "standalone:require": "node ./src/examples/example-standalone-require.cjs"
+    "preview": "vite preview"
   },
   "dependencies": {
     "@excel-builder-vanilla/types": "workspace:*",

packages/demo/src/examples/example-standalone-require.cjs

@@ -22,17 +22,14 @@ <h5>CDN</h5>
       Excel-Builder-Vanilla. Just use the following CDN links.
     </p>
     <p>
-      The project now ships its <code>.js</code> files as ESM by default, if you still wish to use the old CommonJS (CJS) format with
-      <code>require()</code>, then you will have to use <code>.cjs</code> file extension.
+      The project now ships as ESM-Only, if you still wish to use the legacy CommonJS (CJS) format with <code>require()</code>,
+      then use previous 3.x version.
     </p>
 
     <div style="background: #f7f7f7; padding: 10px">
       <pre>
 &lt;!-- (IIFE Standalone Script) Latest compiled and minified JavaScript --&gt;
-&lt;script type=&quot;module&quot; src=&quot;<span style="color:#880000">https://cdn.jsdelivr.net/npm/[email protected]/dist/excel-builder.iife.js</span>&quot;&gt;&lt;/script&gt;
-
-&lt;!-- (CJS Files <span style="color:#d63384">.cjs</span> extension) Latest compiled and minified JavaScript --&gt;
-&lt;script src=&quot;<span style="color:#880000">https://cdn.jsdelivr.net/npm/[email protected]/dist/excel-builder.cjs</span>&quot;&gt;&lt;/script&gt;</pre>
+&lt;script type=&quot;module&quot; src=&quot;<span style="color:#880000">https://cdn.jsdelivr.net/npm/[email protected]/dist/excel-builder.iife.js</span>&quot;&gt;&lt;/script&gt;
     </div>
 
     <quote>
@@ -58,7 +55,7 @@ <h5>NPM</h5>
     </div>
   </section>
 
-  <h5>CommonJS <code>require()</code> / ESM <code>import from</code></h5>
+  <h5>ESM <code>import from</code></h5>
   <p>The library provides both CommonJS or ESM, see the example below:</p>
   <div style="background: #f7f7f7; padding: 10px">
     <pre>

packages/demo/src/getting-started.html

@@ -16,6 +16,13 @@ const base64Loader: Plugin = {
 
 export default defineConfig({
   base: './',
+  css: {
+    preprocessorOptions: {
+      scss: {
+        quietDeps: true,
+      },
+    },
+  },
   server: {
     port: 3000,
     cors: true,