mods in gulp and package npm is broken at this point

gulpfile.babel.js

@@ -190,9 +190,9 @@ function javascript() {
 function images() {
   return gulp.src('src/assets/images/**/*')
     .pipe($.if(PRODUCTION, $.imagemin([
-      $.imagemin.jpegtran({
+      //$.imagemin.jpegtran({
-        progressive: true,
+      //  progressive: true,
-      }),
+      //}),
       $.imagemin.optipng({
         optimizationLevel: 5,
       }),
@@ -211,9 +211,9 @@ function images() {
 function img() {
   return gulp.src('src/assets/img/**/*')
     .pipe($.if(PRODUCTION, $.imagemin([
-      $.imagemin.jpegtran({
+     // $.imagemin.jpegtran({
-        progressive: true,
+     //   progressive: true,
-      }),
+     // }),
       $.imagemin.optipng({
         optimizationLevel: 5,
       }),

package.json

@@ -30,35 +30,35 @@
     "what-input": "^4.1.3"
   },
   "devDependencies": {
-    "ansi-colors": "^1.0.1",
-    "dateformat": "^3.0.2",
-    "fancy-log": "^1.3.2",
-    "gulp-autoprefixer": "^7.0.1",
-    "gulp-phpcbf": "^0.1.2",
-    "gulp-phpcs": "^3.1.0",
-    "gulp-rev": "^9.0.0",
-    "gulp-uglify": "^3.0.2",
-    "gulp-zip": "^5.1.0",
     "@babel/core": "^7.13.16",
     "@babel/preset-env": "^7.13.15",
     "@babel/register": "^7.13.16",
     "@fortawesome/fontawesome-free": "^5.15.3",
+    "ansi-colors": "^1.0.1",
     "autoprefixer": "^9.8.6",
     "babel-loader": "^8.2.2",
     "browser-sync": "^2.26.14",
+    "dateformat": "^3.0.2",
+    "fancy-log": "^1.3.2",
     "gulp": "^4.0.2",
+    "gulp-autoprefixer": "^7.0.1",
     "gulp-babel": "^8.0.0",
     "gulp-clean-css": "^3.3.1",
     "gulp-cli": "^2.3.0",
     "gulp-concat": "^2.5.2",
     "gulp-extname": "^0.2.0",
     "gulp-if": "^2.0.0",
-    "gulp-imagemin": "^4.1.0",
+    "gulp-imagemin": "^7.1.0",
     "gulp-load-plugins": "^1.6.0",
+    "gulp-phpcbf": "^0.1.2",
+    "gulp-phpcs": "^3.1.0",
     "gulp-postcss": "^8.0.0",
+    "gulp-rev": "^9.0.0",
     "gulp-sass": "^4.1.0",
     "gulp-sourcemaps": "^2.6.5",
     "gulp-terser": "^1.4.1",
+    "gulp-uglify": "^3.0.2",
+    "gulp-zip": "^5.1.0",
     "js-yaml": "^3.14.1",
     "panini": "^1.7.1",
     "rimraf": "^2.7.1",
@@ -67,7 +67,7 @@
     "vinyl-named": "^1.1.0",
     "webpack": "^4.20.2",
     "webpack-stream": "^5.2.1",
-    "yargs": "^12.0.5"
+    "yargs": "^16.2.0"
   },
   "repository": {
     "type": "git",

src/assets/scss/_settings.scss

@@ -72,7 +72,7 @@
 // 1. Global
 // ---------
 
-$global-font-size: 100%;
+$global-font-size: rem-calc(1.5);
 $global-width: 100vw;
 $global-lineheight: 1.5;
 

src/assets/scss/global/_typography.scss

@@ -33,6 +33,9 @@ header nav,
 .hero .claim
 {
   font-variant:all-small-caps;
+  a {
+    color: $body-font-color;
+  }
 }
 
 

src/assets/scss/modules/_content.scss

@@ -1,7 +1,18 @@
   content {
-    section {
-    }
 
+    main {
+      article {
+        header {
+          .entry-title {
+            width: 100%;
+            text-align: center;
+          }
+        }
+        .entry-content {
+          padding: $global-padding*3;
+        }
+      }
+    }
     //
     // news category
     //--------------