DevEnv: update frontend dependencies - mixed 3/4 (#22995)

* DevEnv: updates pixelmatch 4.0.2 -> 5.1.0

* DevEnv: updates pixelmatch 5.0.2 -> 5.1.0 in grafana-toolkit package

* DevEnv: updates postcss-flexbugs-fixes 4.1.0 -> 4.2.0 in grafana-toolkit package

* DevEnv: updates postcss-preset-env 6.6.0 -> 6.7.0 in grafana-toolkit package

* DevEnv: updates less 3.10.3 -> 3.11.1 in grafana-toolkit package

* DevEnv: updates ora 3.4.0 -> 4.0.3 in grafana-toolkit package

* DevEnv: updates semver 6.1.1 -> 7.1.3 in grafana-toolkit package

* DevEnv: updates simple-git 1.112.0 -> 1.132.0 in grafana-toolkit package

* DevEnv: updates ora import to commonjs after its update

package.json

@@ -173,7 +173,7 @@
     "node-sass": "4.13.1",
     "optimize-css-assets-webpack-plugin": "5.0.3",
     "phantomjs-prebuilt": "2.1.16",
-    "pixelmatch": "4.0.2",
+    "pixelmatch": "5.1.0",
     "pngjs": "3.4.0",
     "postcss-browser-reporter": "0.6.0",
     "postcss-loader": "3.0.0",

packages/grafana-toolkit/package.json

@@ -77,19 +77,19 @@
     "jest-cli": "^24.8.0",
     "jest-coverage-badges": "^1.1.2",
     "jest-junit": "^6.4.0",
-    "less": "^3.10.3",
+    "less": "^3.11.1",
     "less-loader": "^5.0.0",
     "lodash": "4.17.15",
     "md5-file": "^4.0.0",
     "mini-css-extract-plugin": "^0.7.0",
     "node-sass": "^4.13.1",
     "optimize-css-assets-webpack-plugin": "^5.0.3",
-    "ora": "^3.4.0",
-    "pixelmatch": "^5.0.2",
+    "ora": "^4.0.3",
+    "pixelmatch": "^5.1.0",
     "pngjs": "^3.4.0",
-    "postcss-flexbugs-fixes": "4.1.0",
+    "postcss-flexbugs-fixes": "4.2.0",
     "postcss-loader": "3.0.0",
-    "postcss-preset-env": "6.6.0",
+    "postcss-preset-env": "6.7.0",
     "prettier": "^1.19.1",
     "puppeteer-core": "1.18.1",
     "react-dev-utils": "^10.2.1",
@@ -97,8 +97,8 @@
     "replace-in-file-webpack-plugin": "^1.0.6",
     "rimraf": "^3.0.0",
     "sass-loader": "7.1.0",
-    "semver": "^6.1.1",
-    "simple-git": "^1.112.0",
+    "semver": "^7.1.3",
+    "simple-git": "^1.132.0",
     "style-loader": "^0.23.1",
     "terser-webpack-plugin": "^2.3.4",
     "ts-jest": "24.1.0",

packages/grafana-toolkit/src/cli/utils/useSpinner.ts

-import ora from 'ora';
+import ora = require('ora');
 
 type FnToSpin<T> = (options: T) => Promise<void>;