Update webpack to v5

Update webpack and packages
Update webpack config to match requirements

.circleci/config.yml

@@ -246,6 +246,7 @@ jobs:
             --test-instance $(cat /tmp/workspace/test-instance)
 
   create-zip:
+    resource_class: large
     docker:
       - image: cimg/node:16.19
         auth:
@@ -278,8 +279,8 @@ jobs:
           name: Zip file size sanity check
           command: |
             ls -lh /tmp/workspace/planet4-master-theme.zip
-            if [ $(wc -c </tmp/workspace/planet4-master-theme.zip) -ge 9000000 ]; then
-              echo "Zip file size exceeds 9MB, probably something went wrong."
+            if [ $(wc -c </tmp/workspace/planet4-master-theme.zip) -ge 20000000 ]; then
+              echo "Zip file size exceeds 20MB, probably something went wrong."
               exit 1
             fi
       - persist_to_workspace:

assets/src/scss/bootstrap-build.scss

@@ -21,8 +21,8 @@ Text Domain: planet4-master-theme
 @import "vendors/bootstrap";
 @import "~bootstrap/scss/functions";
 @import "~bootstrap/scss/variables";
-// The maps's file is required from bootstrap 5.2 and higher
-// @import "~bootstrap/scss/maps";
+@import "~bootstrap/scss/variables-dark";
+@import "~bootstrap/scss/maps";
 @import "~bootstrap/scss/mixins";
 @import "~bootstrap/scss/utilities";
 

assets/src/scss/pages/post/_post.scss

@@ -34,7 +34,7 @@
   margin-bottom: 16px;
   display: flex;
   gap: 8px;
-  align-items: end;
+  align-items: flex-end;
 
   a {
     color: inherit;