PLANET-7393: Update webpack to v5

[lithrel]

Ref: https://jira.greenpeace.org/browse/PLANET-7393

Update Webpack to match Gutenberg and be able to use up-to-date packages.

Update dev log

Updated

• webpack 4.40.2 -> 5.89.0
• @wordpress/scripts 3.3.0 -> 26.19.0 // matching gutenberg
• ajv x -> 8.7.1 // matching gutenberg, required to fix version after packages update
• postcss-loader 3.0.0 -> 8.4.16 // matching gutenberg
• sass 1.57.1 -> 1.69.7 // last version
• sass-loader 8.0.0 -> 13.3.3 // last version
• css-loader 3.6.0 -> 6.8.1 // last version
• mini-css-extract-plugin 0.8.2 -> 2.7.6 // last version
• terser-webpack-plugin 2.2.1 -> 5.3.9 // last version

Added

• postcss 8.4.16 // required by postcss-loader
• @wordpress/elements 5.25.0 // explicit dependency after removal of defaultConfig
• @wordpress/block-editor 12.16.0 // explicit dependency after removal of defaultConfig
• css-minimizer-webpack-plugin 5.0.1 // recommended to replace optimize-css-assets-webpack-plugin
• babel-loader 8.2.3 // explicit dependency after removal of defaultConfig

Removed

• webpack-fix-style-only-entries // not working with webpack 5, not maintained
• optimize-css-assets-webpack-plugin // not working with webpack 5
• remove-files-webpack-plugin // not needed

Changed

• specified mode and devtool for webpack config
• CI resource class to create zip file is now large
  webpack 5 seems to take more time and ressources, job was crashing randomly

Test

> npm install --legacy-peer-deps
> npm start

[planet-4]

Test instance is ready 🚀

🌑 phoebe | admin | blocks report | CircleCI | composer-local.json

⌚ 2024.03.07 15:34:37