fix(Drawer): ensure content on very small screen sizes doesn't get cut off (#4567)

More
[info](https://dnb-it.slack.com/archives/CMXABCHEY/p1739367410251329).

Author: tujoworker

packages/dnb-design-system-portal/src/docs/uilib/components/drawer/properties.mdx

@@ -22,6 +22,6 @@ The Drawer is responsive with the following properties:
 
 ```css
 --drawer-width: 40vw;
---drawer-min-width: 25rem;
+--drawer-min-width: 384px;
 --drawer-max-width: 40rem;
 ```

packages/dnb-eufemia/src/components/drawer/__tests__/__image_snapshots__/drawer-open-have-to-match-callback-drawer-window.snap.png

@@ -991,7 +991,7 @@ html[data-visual-test] .dnb-modal__overlay, .dnb-modal__overlay--no-animation {
 }
 .dnb-drawer {
   --drawer-width: 40vw;
-  --drawer-min-width: 25rem;
+  --drawer-min-width: 384px;
   --drawer-max-width: 40rem;
   --drawer-spacing: 2rem;
   --drawer-spacing-minus: -2rem;
@@ -1013,9 +1013,9 @@ html[data-visual-test] .dnb-modal__overlay, .dnb-modal__overlay--no-animation {
 }
 @media screen and (max-width: 40em) {
   .dnb-drawer {
-    width: 100vw;
-    min-width: none;
-    max-width: none;
+    --drawer-width: 100vw;
+    --drawer-min-width: none;
+    --drawer-max-width: none;
   }
 }
 @media screen and (max-width: 40em) {

packages/dnb-eufemia/src/components/drawer/__tests__/__image_snapshots__/drawer-open-have-to-match-correct-scroll-view-setup.snap.png

@@ -24,7 +24,7 @@
 
 .dnb-drawer {
   --drawer-width: 40vw;
-  --drawer-min-width: 25rem;
+  --drawer-min-width: 384px; // (24rem) Use px so a larger font-size will not make the drawer too small
   --drawer-max-width: 40rem;
   --drawer-spacing: 2rem; // should reflect --spacing-large
   --drawer-spacing-minus: -2rem; // should reflect --spacing-large
@@ -38,9 +38,9 @@
   max-width: var(--drawer-max-width);
 
   @include allBelow(small) {
-    width: 100vw;
-    min-width: none;
-    max-width: none;
+    --drawer-width: 100vw;
+    --drawer-min-width: none;
+    --drawer-max-width: none;
   }
 
   @include defaultDropShadow();