fix dialog/drawer borders in WHC

src/components/dialog/dialog.styles.ts

@@ -37,6 +37,12 @@ export default css`
     box-shadow: var(--sl-shadow-x-large);
   }
 
+  @media (forced-colors: active) {
+    .dialog__panel {
+      border: solid 1px var(--sl-color-neutral-0);
+    }
+  }
+
   .dialog__panel:focus {
     outline: none;
   }

src/components/drawer/drawer.styles.ts

@@ -50,6 +50,12 @@ export default css`
     outline: none;
   }
 
+  @media (forced-colors: active) {
+    .drawer__panel {
+      border: solid 1px var(--sl-color-neutral-0);
+    }
+  }
+
   .drawer--top .drawer__panel {
     top: 0;
     inset-inline-end: auto;