refactor(checkbox): targetting checkbox through instead of new class

Author: ShaneK

core/src/components/checkbox/checkbox.scss

@@ -102,14 +102,6 @@
   @include margin(null, null, $checkbox-item-label-margin-bottom, null);
 }
 
-/**
-  * The native control it must be hidden with display:none instead of aria-hidden="true"
-  * to avoid nested interactive elements accessibility issues
- */
-.checkbox-native-control {
-  display: none;
-}
-
 /**
  * If no label text is placed into the slot
  * then the element should be hidden otherwise
@@ -119,8 +111,12 @@
   display: none;
 }
 
+/**
+  * The native control it must be hidden with display:none instead of aria-hidden="true"
+  * to avoid nested interactive elements accessibility issues
+ */
 input {
-  @include visually-hidden();
+  display: none;
 }
 
 .native-wrapper {

core/src/components/checkbox/checkbox.tsx

@@ -298,7 +298,6 @@ export class Checkbox implements ComponentInterface {
           */}
           <input
             type="checkbox"
-            class="checkbox-native-control"
             checked={checked ? true : undefined}
             disabled={disabled}
             id={inputId}