🐛 fix: prevent checkbox and radio label size override

Author: e1en0r

src/components/Form/Checkbox/styles/Checkbox.module.css

@@ -27,8 +27,9 @@ input.checkboxInput {
 }
 
 .checkboxLabel {
-  font-size: var(--checkbox-label-font-size, $font-size-medium);
-  line-height: 1.5;
+  --label-font-size: var(--checkbox-label-font-size, $font-size-medium);
+  --label-line-height: 1.5;
+
   margin-left: 12px;
   margin-top: 1px;
   min-height: 1.4em;

src/components/Form/Radio/Radio.tsx

@@ -157,7 +157,6 @@ export function RadioBase<V extends RadioValue = string>(
           disabled={disabled}
           focused={focused}
           muted={!checked}
-          strength="standard"
           themeId={themeId}
         >
           {children}

src/components/Form/Radio/styles/Radio.module.css

@@ -27,8 +27,9 @@ input.radioInput {
 }
 
 .radioLabel {
-  font-size: var(--radio-label-font-size, $font-size-medium);
-  line-height: 1.5;
+  --label-font-size: var(--radio-label-font-size, $font-size-medium);
+  --label-line-height: 1.5;
+
   margin-left: 12px;
   min-height: 1.4em;
   position: relative;