refactor(css): add --h20 modifier to dc__toggle-square-toggle

	       to remove duplication of css

Author: Elessar1802

src/Common/Toggle/Toggle.scss

@@ -119,32 +119,20 @@ input:focus + .toggle__slider {
             background-color: var(--N0);
         }
     }
-}
-
-.dc__toggle-square-toggle--h20 {
-    .toggle__slider {
-        border-color: var(--color);
-        background-color: var(--color) !important;
 
-        &:before {
-            background-color: transparent;
-        }
-
-        &.with-icon svg {
-            height: 18px;
-            width: 18px;
-            margin-top: 1px;
-            background-color: var(--N0);
-            left: 0;
-            padding: 2px;
-            border-radius: 3px;
+    &--h20 {
+        .toggle__slider {
+            &.with-icon svg {
+                height: 18px;
+                width: 18px;
+                padding: 2px;
+            }
         }
-    }
-
-    input:checked + .toggle__slider {
-        &.with-icon svg {
-            left: -10px;
-            background-color: var(--N0);
+    
+        input:checked + .toggle__slider {
+            &.with-icon svg {
+                left: -10px;
+            }
         }
     }
 }