Build/Test Tools: Update PostCSS to version 8.

This updates PostCSS related dependencies for the main Core build process to versions that use the latest major version of PostCSS, 8.x.

There were no changes to any versioned CSS files as a result of this update directly. However, two occurrences of `-o-tab-size` have been removed due to the version of `caniuse-lite` used being updated in the process.

See #57554, #57555.

git-svn-id: https://develop.svn.wordpress.org/trunk@55150 602fd350-edb4-49c9-b593-d223f7449a82

Gruntfile.js

@@ -50,9 +50,13 @@ module.exports = function(grunt) {
 
 	// Load tasks.
 	require('matchdep').filterDev(['grunt-*', '!grunt-legacy-util']).forEach( grunt.loadNpmTasks );
+
 	// Load legacy utils.
 	grunt.util = require('grunt-legacy-util');
 
+	// Load PostCSS tasks.
+	grunt.loadNpmTasks('@lodder/grunt-postcss');
+
 	// Project configuration.
 	grunt.initConfig({
 		postcss: {

package.json

@@ -24,16 +24,17 @@
 		"last 2 Opera versions"
 	],
 	"devDependencies": {
+		"@lodder/grunt-postcss": "^3.1.1",
 		"@pmmmwh/react-refresh-webpack-plugin": "0.5.5",
 		"@wordpress/babel-preset-default": "7.1.1",
 		"@wordpress/dependency-extraction-webpack-plugin": "4.0.2",
 		"@wordpress/e2e-test-utils": "8.1.1",
 		"@wordpress/scripts": "24.1.2",
-		"autoprefixer": "^9.8.8",
+		"autoprefixer": "^10.4.13",
 		"chalk": "5.1.0",
 		"check-node-version": "4.2.1",
 		"copy-webpack-plugin": "11.0.0",
-		"cssnano": "4.1.11",
+		"cssnano": "5.1.14",
 		"dotenv": "16.0.3",
 		"dotenv-expand": "9.0.0",
 		"grunt": "~1.5.3",
@@ -52,7 +53,6 @@
 		"grunt-jsvalidate": "~0.2.2",
 		"grunt-legacy-util": "^2.0.1",
 		"grunt-patch-wordpress": "~3.0.0",
-		"grunt-postcss": "~0.9.0",
 		"grunt-replace-lts": "~1.1.0",
 		"grunt-rtlcss": "~2.0.2",
 		"grunt-sass": "~3.1.0",
@@ -61,6 +61,7 @@
 		"install-changed": "1.1.0",
 		"jest-image-snapshot": "3.0.1",
 		"matchdep": "~2.0.0",
+		"postcss": "^8.4.21",
 		"prettier": "npm:wp-prettier@2.0.5",
 		"qunit": "~2.19.1",
 		"react-refresh": "0.10.0",

src/wp-admin/css/common.css

@@ -3160,7 +3160,6 @@ img {
 	font-family: Consolas, Monaco, monospace;
 	font-size: 13px;
 	background: #f6f7f7;
-	-o-tab-size: 4;
 	tab-size: 4;
 }
 

src/wp-admin/css/customize-controls.css

@@ -1604,7 +1604,6 @@ p.customize-section-description {
 	font-family: Consolas, Monaco, monospace;
 	font-size: 12px;
 	padding: 6px 8px;
-	-o-tab-size: 2;
 	tab-size: 2;
 }
 .customize-control-code_editor textarea,