Update npm non-major dependencies (#34263)

* Update npm non-major dependencies

* Fix pcss comments

* Run oxfmt

* Fix lockfile

---------

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Michael Telatynski <7t3chguy@gmail.com>

apps/web/res/css/structures/_SplashPage.pcss

@@ -33,9 +33,9 @@ Please see LICENSE files in the repository root for full details.
             url("/res/img/noise.png"),
             /* gradient to apply different amounts of dithering to different parts of the gradient */
             linear-gradient(
-                    to bottom,
-                    /* 10% dithering at the top */ rgb(0, 0, 0, 0.9) 20%,
-                    /* 80% dithering at the bottom */ rgb(0, 0, 0, 0.2) 100%
-                );
+                to bottom,
+                /* 10% dithering at the top */ rgb(0, 0, 0, 0.9) 20%,
+                /* 80% dithering at the bottom */ rgb(0, 0, 0, 0.2) 100%
+            );
     }
 }

apps/web/res/css/views/dialogs/_AddExistingToSpaceDialog.pcss

@@ -37,8 +37,7 @@ Please see LICENSE files in the repository root for full details.
             padding-left: 0;
         }
 
-        // provides space for scrollbar so that checkbox and scrollbar do not collide
-
+        /* provides space for scrollbar so that checkbox and scrollbar do not collide */
         &:not(:first-child) {
             margin-top: 24px;
         }

apps/web/res/css/views/messages/_MessageActionBar.pcss

@@ -13,10 +13,7 @@ Please see LICENSE files in the repository root for full details.
     position: absolute;
     top: calc(
         -1 *
-            (
-                var(--MessageActionBar-size-button) + 2 *
-                    (var(--MessageActionBar-size-margin) + var(--cpd-border-width-1))
-            )
+            (var(--MessageActionBar-size-button) + 2 * (var(--MessageActionBar-size-margin) + var(--cpd-border-width-1)))
     );
     right: 8px;
     user-select: none;

apps/web/res/css/views/polls/pollHistory/_PollHistoryList.pcss

@@ -53,8 +53,8 @@ Please see LICENSE files in the repository root for full details.
     color: $secondary-content;
     text-align: center;
 
-    // center in all free space
-    // when there are no results
+    /* center in all free space
+    when there are no results */
     &.mx_PollHistoryList_noResultsYet {
         margin: auto auto;
     }

apps/web/res/css/views/right_panel/_ThreadPanel.pcss

@@ -87,7 +87,7 @@ Please see LICENSE files in the repository root for full details.
             margin-right: 0;
         }
 
-        // Make use of the space above the composer buttons too
+        /* Make use of the space above the composer buttons too */
         .mx_Autocomplete {
             width: calc(100% + 140px);
         }

apps/web/res/css/views/rooms/_ReplyTile.pcss

@@ -21,9 +21,7 @@ Please see LICENSE files in the repository root for full details.
         color: $secondary-content;
         transition: color ease 0.15s;
         gap: 2px;
-        max-width: 100%;
-
-        // avoid overflow with wide content
+        max-width: 100%; /* avoid overflow with wide content */
 
         &:hover {
             color: $primary-content;
@@ -61,18 +59,18 @@ Please see LICENSE files in the repository root for full details.
             font-size: $font-14px !important; /* Override the big emoji override */
         }
 
-        // in order to keep the message on two lines, we need to make the body inline
+        /* in order to keep the message on two lines, we need to make the body inline */
         .mx_EventTile_body {
             display: inline;
         }
 
-        // The annotation wrapper is flex in normal timeline messages, but that stops
-        // -webkit-line-clamp from trimming long edited quotes down to two lines.
+        /* The annotation wrapper is flex in normal timeline messages, but that stops
+        -webkit-line-clamp from trimming long edited quotes down to two lines. */
         [data-textual-body-annotation-wrapper] {
             display: contents;
         }
 
-        // Hide line numbers and edited indicator
+        /* Hide line numbers and edited indicator */
         .mx_EventTile_lineNumbers,
         [data-textual-body-edited-marker] {
             display: none;

apps/web/res/css/views/rooms/wysiwyg_composer/components/_Editor.pcss

@@ -34,8 +34,8 @@ Please see LICENSE files in the repository root for full details.
             user-select: all;
         }
 
-        // we always have a <br/> tag at the end of the html, we need it to be present at first then hide it as soon as
-        // we have any other elements
+        /* we always have a <br/> tag at the end of the html, we need it to be present at first then hide it as soon as
+        we have any other elements */
         br:not(:only-child) {
             display: none;
         }

apps/web/res/css/views/settings/_Notifications.pcss

@@ -26,7 +26,7 @@ Please see LICENSE files in the repository root for full details.
         }
     }
 
-    // left align section heading
+    /* left align section heading */
     .mx_SettingsSubsectionHeading {
         justify-self: start;
     }

apps/web/res/css/views/settings/encryption/_ResetIdentityPanel.pcss

@@ -5,7 +5,7 @@
  * Please see LICENSE files in the repository root for full details.
  */
 
-// Red text for the "Do not close this window" warning
+/* Red text for the "Do not close this window" warning */
 .mx_ResetIdentityPanel_warning {
     color: var(--cpd-color-text-critical-primary);
 }

apps/web/res/css/views/settings/tabs/_SettingsTab.pcss

@@ -22,8 +22,8 @@ Please see LICENSE files in the repository root for full details.
         flex-grow: 1;
     }
 
-    // never want full width buttons
-    // event when other content is 100% width
+    /* never want full width buttons
+    event when other content is 100% width */
     .mx_AccessibleButton {
         align-self: flex-start;
         justify-self: flex-start;