fix: enforce auto maring on checkbox and radio input (#10553)

Author: web-padawan

packages/field-base/src/styles/checkable-base-styles.js

@@ -78,15 +78,14 @@ export const checkable = (part, propName = part) => css`
   /* visually hidden */
   ::slotted(input) {
     cursor: inherit;
-    margin: 0;
     align-self: stretch;
     appearance: none;
     cursor: var(--_cursor);
     /* Ensure minimum click target (WCAG) */
     width: 2px;
     height: 2px;
     scale: 12;
-    margin: auto;
+    margin: auto !important;
   }
 
   /* Control container (checkbox, radio button) */