fix(#1999): fix search autocomplete width for mobile

Still need !important.

Author: majornista

packages/dev/docs/src/docs.css

@@ -635,9 +635,12 @@ h2.sectionHeader {
 
   .docSearchBox {
     margin-inline-start: auto;
-    width: var(--spectrum-global-dimension-size-3000);
+    width: var(--spectrum-global-dimension-size-3000) !important;
     > div {
       width: 100%;
+      > div {
+        width: 100%;
+      }
     }
   }
 }
@@ -802,10 +805,10 @@ h2.sectionHeader {
   }
 }
 
-@media (max-width: 375px) {
+@media (max-width: 320px) {
   .docSearchBoxThemeProvider {
     .docSearchBox {
-      width: var(--spectrum-global-dimension-size-2400);
+      width: var(--spectrum-global-dimension-size-2400) !important;
     }
   }
 }

yarn.lock

@@ -11779,10 +11779,10 @@ header-case@^1.0.0:
     no-case "^2.2.0"
     upper-case "^1.1.3"
 
-highlight.js@9.18.1:
-  version "9.18.1"
-  resolved "https://registry.yarnpkg.com/highlight.js/-/highlight.js-9.18.1.tgz#ed21aa001fe6252bb10a3d76d47573c6539fe13c"
-  integrity sha512-OrVKYz70LHsnCgmbXctv/bfuvntIKDz177h0Co37DQ5jamGZLVmoCVMtjMtNZY3X9DrCcKfklHPNeA0uPZhSJg==
+highlight.js@^11.6.0:
+  version "11.7.0"
+  resolved "https://registry.yarnpkg.com/highlight.js/-/highlight.js-11.7.0.tgz#3ff0165bc843f8c9bce1fd89e2fda9143d24b11e"
+  integrity sha512-1rRqesRFhMO/PRF+G86evnyJkCgaZFOI+Z6kdj15TA18funfoqJXvgPCLSf0SWq3SRfg1j3HlDs8o4s3EGq1oQ==
 
 highlight.js@~10.4.0:
   version "10.4.1"