v4: Restore flexbox grid .col-{bp} class for auto layout

v4: Follow-up grid fixes

- Restores two-mixin approach to generating semantic grid columns (now with 'make-col-ready' and 'make-col')
- Removes need for .col-xs-12 by restoring the mass list of all grid tier classes to set position, min-height, and padding
- Adds an initial 'width: 100%' to flexbox grid column prep (later overridden by the column sizing in 'flex' shorthand or 'width') to prevent flexbox columns from collapsing in lower viewports

The example for column ordering still referenced the old push/pull class names.

[ci skip]

[skip sauce]

Clarify valid values of Carousel's `pause` option

Fixes #18205

[skip sauce]

To avoid infinite recursion in newer npm versions, which added a lifecycle script for `npm shrinkwrap`.
Refs https://github.com/npm/npm/issues/13253
Refs https://github.com/npm/npm/pull/12814

[ci skip]

[skip sauce]

https://bugs.webkit.org/show_bug.cgi?id=159753

[skip sauce]

Used zopfli 1.0.1 with `zopflipng.exe -m --lossy_transparent -y --iterations=1000`.

Before: 199 KB (203.922 bytes)
After:  197 KB (202.151 bytes)

[ci skip]

[ci skip]

[ci skip]

[ci skip]

[ci skip]

As this causes non-standard dotted outline on checkboxes/radio buttons
in OS X Firefox

Ports #19935 to v4
Refs #19933

[skip sauce]

[skip sauce]

Add Most Wanted Features entries for <dialog>

Refs https://bugzil.la/840640
Refs https://webkit.org/b/84635

[skip sauce]

SCSS-Lint 0.49.0 modifies Shorthand linter to report lint if a shorthand
of a length not specified in the allowed_shorthands option is used.

New defaults include "4" in the list of allowed shorthands, so we are changing our configuration accordingly.

Ref: https://github.com/brigade/scss-lint/commit/e283d1689699f581561fea344df3168128c46d7b

Fix typo in 'Reboot' section

Changed `box-sizing: border` to `box-sizing: border-box`

Update devDepedencies.