refactor: replace nth() with list.nth()

Author: mrholek

scss/functions/_assert.scss

@@ -1,3 +1,4 @@
+@use "sass:list";
 @use "sass:math";
 
 // Ascending
@@ -23,7 +24,7 @@
 @mixin assert-starts-at-zero($map, $map-name: "$grid-breakpoints") {
   @if length($map) > 0 {
     $values: map-values($map);
-    $first-value: nth($values, 1);
+    $first-value: list.nth($values, 1);
     @if $first-value != 0 {
       @warn "First breakpoint in #{$map-name} must start at 0, but starts at #{$first-value}.";
     }

scss/mixins/_breakpoints.scss

@@ -1,3 +1,4 @@
+@use "sass:list";
 @use "../variables" as *;
 
 // Breakpoint viewport sizes and media queries.
@@ -21,7 +22,7 @@
   @if not $n {
     @error "breakpoint `#{$name}` not found in `#{$breakpoints}`";
   }
-  @return if($n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);
+  @return if($n < length($breakpoint-names), list.nth($breakpoint-names, $n + 1), null);
 }
 
 // Minimum breakpoint width. Null for the smallest (first) breakpoint.

scss/mixins/_transition.scss

@@ -1,4 +1,5 @@
 // stylelint-disable property-disallowed-list
+@use "sass:list";
 @use "../variables" as *;
 
 @mixin transition($transition...) {
@@ -15,11 +16,11 @@
   }
 
   @if $enable-transitions {
-    @if nth($transition, 1) != null {
+    @if list.nth($transition, 1) != null {
       transition: $transition;
     }
 
-    @if $enable-reduced-motion and nth($transition, 1) != null and nth($transition, 1) != none {
+    @if $enable-reduced-motion and list.nth($transition, 1) != null and list.nth($transition, 1) != none {
       @media (prefers-reduced-motion: reduce) {
         transition: none;
       }

scss/mixins/_utilities.scss

@@ -1,3 +1,4 @@
+@use "sass:list";
 @use "sass:meta";
 @use "../variables" as *;
 @use "../vendor/rfs" as *;
@@ -14,7 +15,7 @@
   $values: map-get($utility, values);
 
   // If the values are a list or string, convert it into a map
-  @if meta.type-of($values) == "string" or meta.type-of(nth($values, 1)) != "list" {
+  @if meta.type-of($values) == "string" or meta.type-of(list.nth($values, 1)) != "list" {
     $values: zip($values, $values);
   }
 
@@ -27,7 +28,7 @@
     }
 
     // Use custom class if present
-    $property-class: if(map-has-key($utility, class), map-get($utility, class), nth($properties, 1));
+    $property-class: if(map-has-key($utility, class), map-get($utility, class), list.nth($properties, 1));
     $property-class: if($property-class == null, "", $property-class);
 
     // Use custom CSS variable name if present, otherwise default to `class`