refactor(sass): move contains function to a separate file and updat…

…e imports accordingly

Error:
- The `functions` and `mixins` must be in separate files.

Solution:
- Move the `contains` function from `_tools-media.scss` to a new file `_tools-contains.scss` for better separation of concerns.
- Update `tools/_tools-media.scss` to remove the `contains` function and keep only media query mixins.
- Update `styles.scss` to include the new `tools/_tools-contains.scss` file using `@forward`, allowing better separation of functions and mixins.

src/assets/scss/styles.scss

@@ -9,4 +9,5 @@
 
 // TOOLS
 // ----------------------------------------------------------------------
+@forward "tools/tools-contains";
 @forward "tools/tools-media";

src/assets/scss/tools/_tools-contains.scss

@@ -0,0 +1,8 @@
+// TOOLS - FUNCTIONS
+// CONTAINS
+// =================================================
+@use "sass:list";
+
+@function contains($list, $item) {
+	@return list.index($list, $item) != null;
+}

src/assets/scss/tools/_tools-media.scss

@@ -1,16 +1,12 @@
 // TOOLS - MIXINS
 // MEDIA
 // =================================================
-@use "sass:list";
 @use "sass:map";
 @use "sass:math";
 @use "sass:meta";
+@use "../tools/tools-contains" as *;
 @use "../settings/settings-breakpoints" as *;
 
-@function contains($list, $item) {
-	@return list.index($list, $item) != null;
-}
-
 @mixin media($breakpoint, $rule: "max", $dimension: "width") {
 	$rules: "max", "min";
 	$dimensions: "width", "height";