chore: packge updates, switch to cssnano

package.json

@@ -39,17 +39,18 @@
     "start": "gulp"
   },
   "devDependencies": {
-    "@sampotts/eslint-config": "1.1.5",
+    "@sampotts/eslint-config": "1.1.7",
-    "autoprefixer": "^10.0.2",
+    "autoprefixer": "^10.2.5",
-    "aws-sdk": "^2.814.0",
+    "aws-sdk": "^2.888.0",
-    "@babel/core": "^7.12.10",
+    "@babel/core": "^7.13.15",
-    "@babel/preset-env": "^7.12.11",
+    "@babel/preset-env": "^7.13.15",
-    "@babel/plugin-proposal-class-properties": "^7.12.1",
+    "@babel/plugin-proposal-class-properties": "^7.13.0",
     "babel-eslint": "^10.1.0",
-    "browser-sync": "^2.26.13",
+    "browser-sync": "^2.26.14",
     "colorette": "1.2.2",
+    "cssnano": "^5.0.1",
     "del": "^6.0.0",
-    "eslint": "^7.3.1",
+    "eslint": "^7.23.0",
     "fancy-log": "^1.3.3",
     "fastly-purge": "^1.0.1",
     "git-branch": "^2.0.1",
@@ -70,29 +71,28 @@
     "gulp-size": "^3.0.0",
     "gulp-sourcemaps": "^3.0.0",
     "gulp-svgstore": "^7.0.1",
-    "gulp-terser": "^2.0.0",
+    "gulp-terser": "^2.0.1",
-    "postcss": "^8.1.7",
+    "postcss": "^8.2.10",
-    "postcss-clean": "^1.1.0",
+    "postcss-custom-properties": "^11.0.0",
-    "postcss-custom-properties": "^10.0.0",
     "prettier-eslint": "^12.0.0",
     "prettier-stylelint": "^0.4.2",
     "remark-cli": "^9.0.0",
-    "remark-validate-links": "^10.0.2",
+    "remark-validate-links": "^10.0.4",
-    "rollup": "^2.35.1",
+    "rollup": "^2.45.2",
     "rollup-plugin-babel": "^4.4.0",
     "rollup-plugin-commonjs": "^10.1.0",
     "rollup-plugin-node-resolve": "^5.2.0",
-    "stylelint": "^13.8.0",
+    "stylelint": "^13.12.0",
     "stylelint-config-prettier": "^8.0.2",
-    "stylelint-config-recommended": "^3.0.0",
+    "stylelint-config-recommended": "^4.0.0",
-    "stylelint-config-sass-guidelines": "^7.1.0",
+    "stylelint-config-sass-guidelines": "^8.0.0",
     "stylelint-order": "^4.1.0",
-    "stylelint-scss": "^3.18.0",
+    "stylelint-scss": "^3.19.0",
     "stylelint-selector-bem-pattern": "^2.1.0",
     "through2": "^4.0.2"
   },
   "dependencies": {
-    "core-js": "^3.8.1",
+    "core-js": "^3.10.1",
     "custom-event-polyfill": "^1.0.7",
     "loadjs": "^4.2.0",
     "rangetouch": "^2.0.1",

tasks/build.js

@@ -16,7 +16,7 @@ const resolve = require('rollup-plugin-node-resolve');
 const sass = require('gulp-sass');
 const postcss = require('gulp-postcss');
 const autoprefixer = require('autoprefixer');
-const clean = require('postcss-clean');
+const cssnano = require('cssnano');
 const customprops = require('postcss-custom-properties');
 // Images
 const svgstore = require('gulp-svgstore');
@@ -158,7 +158,15 @@ Object.entries(build.css).forEach(([filename, entry]) => {
       .src(src)
       .pipe(plumber())
       .pipe(sass())
-      .pipe(postcss([customprops(), autoprefixer(), clean()]))
+      .pipe(
+        postcss([
+          customprops(),
+          autoprefixer(),
+          cssnano({
+            preset: 'default',
+          }),
+        ]),
+      )
       .pipe(size(sizeOptions))
       .pipe(gulp.dest(dist)),
   );