update rollup config

package.json

@@ -49,7 +49,6 @@
         "@rollup/plugin-node-resolve": "^15.0.1",
         "@rollup/plugin-terser": "^0.4.0",
         "bestzip": "^2.2.1",
-        "cssnano": "^5.1.15",
         "gscan": "^4.36.1",
         "postcss-import": "^15.1.0",
         "postcss-preset-env": "^8.0.1",

rollup.config.js

@@ -15,8 +15,6 @@ import postcss from 'rollup-plugin-postcss';
 import atImport from 'postcss-import';
 // Use the latest CSS features in your Rollup bundle
 import postcssPresetEnv from 'postcss-preset-env';
-// Minifies the CSS
-import cssnano from 'cssnano';
 
 // Development: Enables a livereload server that watches for changes to CSS, JS, and Handlbars files
 import { resolve } from "path";
@@ -29,20 +27,20 @@ export default defineConfig({
         dir: "assets/built",
         sourcemap: true,
         format: 'iife',
-         plugins: [terser()]
+        plugins: [terser()]
     },
     plugins: [
         commonjs(), 
         nodeResolve(), 
         babel({ babelHelpers: 'bundled' }),
         postcss({
+            extract: true,
             sourceMap: true,
             plugins: [
                 atImport(),
-                postcssPresetEnv({}),
-                cssnano()
+                postcssPresetEnv({})
             ], 
-            extract: true
+            minimize: true,
         }),
         process.env.BUILD !== "production" && livereload({
             watch: resolve('.'),