fix: high contrast mode support for boolean

Author: natainakata

code/addons/docs/src/blocks/controls/Boolean.tsx

@@ -45,6 +45,13 @@ const Label = styled.label(({ theme }) => ({
       outline: 'none',
       boxShadow: `${theme.color.secondary} 0 0 0 1px inset !important`,
     },
+    '@media (forced-colors: active)': {
+      '&:focus': {
+        outlineColor: 'transparent',
+        outlineWidth: '1px',
+        outlineStyle: 'solid',
+      },
+    },
   },
 
   span: {
@@ -88,6 +95,11 @@ const Label = styled.label(({ theme }) => ({
     color: theme.color.defaultText,
     padding: '7px 15px',
   },
+  '@media (forced-colors: active)': {
+    'input:checked ~ span:last-of-type, input:not(:checked) ~ span:first-of-type': {
+      textDecoration: 'underline',
+    },
+  },
 }));
 
 const parse = (value: string | null): boolean => value === 'true';