refactor(radio): bundle styles with component

projects/igniteui-angular/src/lib/core/styles/themes/generators/_base.scss

@@ -552,13 +552,13 @@
         @include progress-linear($progress-linear-theme-map);
     }
 
-    @if is-used('igx-radio', $exclude) {
-        $radio-theme-map: radio-theme(
-            $schema: $schema,
-        );
-        $radio-theme-map: meta.call($theme-handler, $radio-theme-map);
-        @include radio($radio-theme-map);
-    }
+    // @if is-used('igx-radio', $exclude) {
+    //     $radio-theme-map: radio-theme(
+    //         $schema: $schema,
+    //     );
+    //     $radio-theme-map: meta.call($theme-handler, $radio-theme-map);
+    //     @include radio($radio-theme-map);
+    // }
 
     @if is-used('igx-query-builder', $exclude) {
         $query-builder-theme-map: query-builder-theme(

projects/igniteui-angular/src/lib/radio/radio.component.scss

@@ -0,0 +1,4 @@
+@use 'themes/base';
+@use 'themes/shared';
+@use 'themes/light';
+@use 'themes/dark';

projects/igniteui-angular/src/lib/radio/radio.component.ts

@@ -5,6 +5,7 @@ import {
     HostBinding,
     HostListener,
     Input,
+    ViewEncapsulation,
     booleanAttribute
 } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
@@ -33,11 +34,15 @@ import { CheckboxBaseDirective } from '../checkbox/checkbox-base.directive';
             multi: true
         }],
     templateUrl: 'radio.component.html',
+    styleUrl: "radio.component.css",
+    encapsulation: ViewEncapsulation.None,
     imports: [IgxRippleDirective]
 })
+
 export class IgxRadioComponent
     extends CheckboxBaseDirective
     implements AfterViewInit, ControlValueAccessor, EditorProvider {
+
     /** @hidden @internal */
     public blurRadio = new EventEmitter();