refactor(list): remove ionic vars file

Author: brandyscarney

core/src/components/list/list.ionic.scss

@@ -1,5 +1,4 @@
 @use "../../themes/ionic/ionic.globals.scss" as globals;
-@import "./list.ionic.vars.scss";
 
 // Ionic List
 // --------------------------------------------------
@@ -51,7 +50,7 @@ ion-list {
      * The top of the list should not have a border radius because
      * that would include the header.
      */
-    @include globals.border-radius(initial, initial, $list-ionic-border-radius-round, $list-ionic-border-radius-round);
+    @include globals.border-radius(initial, initial, globals.$ion-border-radius-400, globals.$ion-border-radius-400);
   }
 
   // Target the first element in the list after the header
@@ -61,7 +60,7 @@ ion-list {
      * The bottom of the first element should not have a border radius
      * because that would not look connected to the rest.
      */
-    @include globals.border-radius($list-ionic-border-radius-round, $list-ionic-border-radius-round, initial, initial);
+    @include globals.border-radius(globals.$ion-border-radius-400, globals.$ion-border-radius-400, initial, initial);
   }
 
   /* Soft */
@@ -71,7 +70,7 @@ ion-list {
      * The top of the list should not have a border radius because
      * that would include the header.
      */
-    @include globals.border-radius(initial, initial, $list-ionic-border-radius-soft, $list-ionic-border-radius-soft);
+    @include globals.border-radius(initial, initial, globals.$ion-border-radius-200, globals.$ion-border-radius-200);
   }
 
   // Target the first element in the list after the header
@@ -81,7 +80,7 @@ ion-list {
      * The bottom of the first element should not have a border radius
      * because that would not look connected to the rest.
      */
-    @include globals.border-radius($list-ionic-border-radius-soft, $list-ionic-border-radius-soft, initial, initial);
+    @include globals.border-radius(globals.$ion-border-radius-200, globals.$ion-border-radius-200, initial, initial);
   }
 
   /* Rectangular */
@@ -94,8 +93,8 @@ ion-list {
     @include globals.border-radius(
       initial,
       initial,
-      $list-ionic-border-radius-rectangular,
-      $list-ionic-border-radius-rectangular
+      globals.$ion-border-radius-0,
+      globals.$ion-border-radius-0
     );
   }
 
@@ -107,8 +106,8 @@ ion-list {
      * because that would not look connected to the rest.
      */
     @include globals.border-radius(
-      $list-ionic-border-radius-rectangular,
-      $list-ionic-border-radius-rectangular,
+      globals.$ion-border-radius-0,
+      globals.$ion-border-radius-0,
       initial,
       initial
     );
@@ -118,17 +117,17 @@ ion-list {
 .list-ionic:not(:has(ion-list-header)) {
   /* Round */
   &.list-round {
-    @include globals.border-radius($list-ionic-border-radius-round);
+    @include globals.border-radius(globals.$ion-border-radius-400);
   }
 
   /* Soft */
   &.list-soft {
-    @include globals.border-radius($list-ionic-border-radius-soft);
+    @include globals.border-radius(globals.$ion-border-radius-200);
   }
 
   /* Rectangular */
   &.list-rectangular {
-    @include globals.border-radius($list-ionic-border-radius-rectangular);
+    @include globals.border-radius(globals.$ion-border-radius-0);
   }
 }