chore: Registers radio button style tokens where the control is painted

Author: vvaliyev

src/internal/components/radio-button/styles.scss

@@ -14,6 +14,8 @@ $radio-size: awsui.$size-control;
 
 $_control-props: style-api.combine((fill-color, border-color, indicator-color), style-api.$focus-ring);
 $_control-tokens: style-api.resolve($_control-props, carrier);
+// Registered here, next to the carrier, so every component that renders this control loads the registration.
+@include style-api.register($_control-tokens);
 
 .radio-control {
   @include style-api.carriers($_control-tokens);

src/radio-button/styles.scss

@@ -6,10 +6,9 @@
 @use '../internal/styles' as styles;
 @use '../internal/styles/style-api' as style-api;
 
-// The control slot is painted by the shared internal radio button, which reads the same token map.
+// The control slot is painted by the shared internal radio button, which reads the same token map and registers it.
 $control-props: style-api.combine((fill-color, border-color, indicator-color), style-api.$focus-ring);
 $control-tokens: style-api.resolve($control-props, carrier);
-@include style-api.register($control-tokens);
 @include style-api.docs('control', $control-tokens);
 
 .radio-button {