Update devDependencies (#4304)

* linkinator                        ^2.16.2  →   ^3.0.1
* marked                             ^4.0.7  →   ^4.0.8
* remark-cli                        ^10.0.0  →  ^10.0.1
* stylelint                        ^13.13.1  →  ^14.1.0
* stylelint-config-twbs-bootstrap    ^2.2.4  →   ^3.0.0
* switch to @metalsmith/markdown 1.4.0

Also, specify `--report-needless-disables` for stylelint while at it

Author: XhmikosR

Diff for: .stylelintrc

@@ -1,6 +1,6 @@
 {
   "extends": [
-    "stylelint-config-twbs-bootstrap/scss"
+    "stylelint-config-twbs-bootstrap"
   ],
   "rules": {
     "declaration-no-important": null,

Diff for: build.js

@@ -17,7 +17,7 @@ const feed = require('metalsmith-feed');
 const discoverHelpers = require('metalsmith-discover-helpers');
 const discoverPartials = require('metalsmith-discover-partials');
 const layouts = require('metalsmith-layouts');
-const markdown = require('metalsmith-markdown');
+const markdown = require('@metalsmith/markdown');
 const prism = require('metalsmith-prism');
 const permalinks = require('@metalsmith/permalinks');
 const pagination = require('metalsmith-yearly-pagination');

Diff for: layouts/css/page-modules/_home.scss

@@ -129,19 +129,19 @@
  */
 
 [role="button"] {
-  border: 1px solid hsl(0, 0%, 39%);
+  border: 1px solid hsl(0deg, 0%, 39%);
   border-radius: 5px;
-  box-shadow: 0 1px 2px hsl(0, 0%, 45%);
+  box-shadow: 0 1px 2px hsl(0deg, 0%, 45%);
   color: #fff;
-  text-shadow: 0 -1px 1px hsl(0, 0%, 15%);
-  background-color: hsl(0, 0%, 31%);
-  background-image: linear-gradient(to bottom, hsl(0, 0%, 33%), hsl(0, 0%, 27%));
+  text-shadow: 0 -1px 1px hsl(0deg, 0%, 15%);
+  background-color: hsl(0deg, 0%, 31%);
+  background-image: linear-gradient(to bottom, hsl(0deg, 0%, 33%), hsl(0deg, 0%, 27%));
 }
 
 [role="button"]:hover {
-  border-color: hsl(0, 0%, 19%);
-  background-color: hsl(0, 0%, 21%);
-  background-image: linear-gradient(to bottom, hsl(0, 0%, 23%), hsl(0, 0%, 17%));
+  border-color: hsl(0deg, 0%, 19%);
+  background-color: hsl(0deg, 0%, 21%);
+  background-image: linear-gradient(to bottom, hsl(0deg, 0%, 23%), hsl(0deg, 0%, 17%));
   cursor: pointer;
 }
 
@@ -158,34 +158,34 @@
   right: calc(-1px - 3px - 3px);
   bottom: calc(-1px - 3px - 3px);
   left: calc(-1px - 3px - 3px);
-  border: 3px solid hsl(0, 0%, 39%);
+  border: 3px solid hsl(0deg, 0%, 39%);
 
   /* button border radius + outline width + offset */
   border-radius: calc(5px + 3px + 3px);
   content: "";
 }
 
 [role="button"]:active {
-  border-color: hsl(0, 0%, 29%);
-  background-color: hsl(0, 0%, 11%);
-  background-image: linear-gradient(to bottom, hsl(0, 0%, 33%), hsl(0, 0%, 27%));
-  box-shadow: inset 0 3px 5px 1px hsl(0, 0%, 10%);
+  border-color: hsl(0deg, 0%, 29%);
+  background-color: hsl(0deg, 0%, 11%);
+  background-image: linear-gradient(to bottom, hsl(0deg, 0%, 33%), hsl(0deg, 0%, 27%));
+  box-shadow: inset 0 3px 5px 1px hsl(0deg, 0%, 10%);
 }
 
 [role="button"][aria-pressed] {
-  border-color: hsl(0, 0%, 29%);
-  box-shadow: 0 1px 2px hsl(0, 0%, 35%);
-  text-shadow: 0 -1px 1px hsl(0, 0%, 5%);
-  background-color: hsl(0, 0%, 31%);
-  background-image: linear-gradient(to bottom, hsl(0, 0%, 33%), hsl(0, 0%, 27%));
+  border-color: hsl(0deg, 0%, 29%);
+  box-shadow: 0 1px 2px hsl(0deg, 0%, 35%);
+  text-shadow: 0 -1px 1px hsl(0deg, 0%, 5%);
+  background-color: hsl(0deg, 0%, 31%);
+  background-image: linear-gradient(to bottom, hsl(0deg, 0%, 33%), hsl(0deg, 0%, 27%));
 }
 
 [role="button"][aria-pressed]:hover {
-  border-color: hsl(0, 0%, 9%);
-  background-color: hsl(0, 0%, 31%);
-  background-image: linear-gradient(to bottom, hsl(0, 0%, 13%), hsl(0, 0%, 7%));
+  border-color: hsl(0deg, 0%, 9%);
+  background-color: hsl(0deg, 0%, 31%);
+  background-image: linear-gradient(to bottom, hsl(0deg, 0%, 13%), hsl(0deg, 0%, 7%));
 }
 
 [role="button"][aria-pressed]:focus::before {
-  border-color: hsl(0, 0%, 29%);
+  border-color: hsl(0deg, 0%, 29%);
 }

Diff for: layouts/css/page-modules/_scrollToTop.scss

@@ -22,9 +22,9 @@ html {
 
   // Prevent button from flashing on page load
   opacity: 0;
-  animation: buttonFade .5s 1s 1 forwards;
+  animation: button-fade .5s 1s 1 forwards;
 
-  @keyframes buttonFade {
+  @keyframes button-fade {
     0% {
       opacity: 0;
     }