From 15e0ff94010f9bbd7c8d5937e0094d9e9efa54be Mon Sep 17 00:00:00 2001
From: Brett Chalupa <brettchalupa@gmail.com>
Date: Mon, 9 Dec 2024 20:42:21 -0500
Subject: [PATCH] Fix Sass `@import` deprecation

I ran:

```
npm install -g sass-migrator
sass-migrator module --migrate-deps lib/graphql-docs/layouts/assets/css/screen.scss
```

Everything looks good locally.

Fixes https://github.com/brettchalupa/graphql-docs/issues/158
---
 .../layouts/assets/css/screen.scss            | 21 ++++++++++---------
 1 file changed, 11 insertions(+), 10 deletions(-)

diff --git a/lib/graphql-docs/layouts/assets/css/screen.scss b/lib/graphql-docs/layouts/assets/css/screen.scss
index 78e690c7..9b53393b 100644
--- a/lib/graphql-docs/layouts/assets/css/screen.scss
+++ b/lib/graphql-docs/layouts/assets/css/screen.scss
@@ -1,7 +1,8 @@
 @charset "utf-8";
 
-@import "../_sass/_normalize.scss";
-@import "../_sass/_fonts";
+@use "sass:meta";
+@use "../_sass/_normalize.scss";
+@use "../_sass/_fonts";
 
 body {
   font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
@@ -39,11 +40,11 @@ em {
   font-family: 'ProximaNova-Semibold';
 }
 
-@import '../_sass/_header';
-@import '../_sass/_sidebar';
-@import '../_sass/_content';
-@import '../_sass/_types';
-@import '../_sass/_mobile';
-@import '../_sass/_api-box';
-@import '../_sass/_syntax';
-@import '../_sass/_deprecations';
+@include meta.load-css('../_sass/_header');
+@include meta.load-css('../_sass/_sidebar');
+@include meta.load-css('../_sass/_content');
+@include meta.load-css('../_sass/_types');
+@include meta.load-css('../_sass/_mobile');
+@include meta.load-css('../_sass/_api-box');
+@include meta.load-css('../_sass/_syntax');
+@include meta.load-css('../_sass/_deprecations');