Update Template Build Process (#16540)

### What does it do?
Replaces most legacy dependencies with current versions—with the
exception of bourbon, neat, and fontawesome—and drops others that are no
longer relevant (such as imageoptim).

### Why is it needed?
Bring 2.x more in line with 3.x, mainly allow use of modern js features.

### How to test

1. Run the rebuild processes, including `npm update` within the
`_build/templates/default` directory.
2. Run `grunt build`. 
3. Clear your manager and browser cache, then browse around the manager
with your console open to verify all works as expected and no errors are
being reported.

Note that grunt build will spit out some warnings, as the versions of
bourbon and neat we need to stick with here (for now at least) are
ancient and contain some long-deprecated code. I attempted to bring
these dependencies up to date (including fontawesome) but there are many
breaking changes that make it difficult to unwind and get everything
working. Might try that later if there's enough "life" left in the 2.x
line and it's deemed beneficial to do so.

### Related issue(s)/PR(s)
Resolves issues with building after including the following PRs: #16493
and #16467.

---------

Co-authored-by: Jason Coward <[email protected]>

Author: smg6511

_build/templates/default/gruntfile.js

@@ -1,27 +1,42 @@
 {
   "name": "revolution-theme-default",
   "title": "MODX Revolution",
-  "version": "2.7.0",
+  "version": "2.8.7",
+  "license": "GPL-2.0+",
   "repository": "https://github.com/modxcms/revolution",
   "devDependencies": {
-    "grunt": "^1.3.0",
-    "grunt-autoprefixer": "^3.0.4",
-    "grunt-contrib-concat": "^1.0.1",
-    "grunt-contrib-copy": "^1.0.0",
-    "grunt-contrib-csslint": "^2.0.0",
-    "grunt-contrib-cssmin": "^3.0.0",
-    "grunt-contrib-uglify": "^4.0.1",
-    "grunt-contrib-watch": "^1.1.0",
-    "grunt-growl": "^0.1.5",
-    "grunt-imageoptim": "^1.4.4",
-    "grunt-rename": "^0.1.4",
-    "grunt-sass": "^3.1.0",
-    "node": "^14.15.0",
-    "node-sass": "^5.0.0"
+      "@lodder/grunt-postcss": "^3.0.1",
+      "autoprefixer": "^10.3.3",
+      "bourbon": "^4.3.4",
+      "cssnano": "^5.0.8",
+      "grunt": "^1.4.1",
+      "grunt-contrib-concat": "^1.0.1",
+      "grunt-contrib-copy": "^1.0.0",
+      "grunt-contrib-watch": "^1.1.0",
+      "grunt-dart-sass": "^2.0.1",
+      "grunt-notify": "^0.4.5",
+      "grunt-terser": "^2.0.0",
+      "node": "^14.15.0",
+      "node-neat": "^1.7.2",
+      "normalize-scss": "^7.0.1",
+      "postcss": "^8.3.6",
+      "sass": "^1.42.1",
+      "terser": "^5.9.0"
   },
   "dependencies": {
-    "bourbon": "^4.3.4",
-    "font-awesome": "^4.7.0",
-    "node-neat": "^1.7.2"
-  }
-}
+    "font-awesome": "^4.7.0"
+  },
+  "scripts": {
+      "build": "grunt build"
+  },
+  "browserslist": [
+      "Chrome >= 64",
+      "Firefox >= 78",
+      "Safari >= 12",
+      "Edge >= 79",
+      "iOS >= 11",
+      "ChromeAndroid >= 92",
+      "last 2 Android versions",
+      "not dead"
+  ]
+}