Merge pull request #3982 from SwiftPackageIndex/fix-sass-deprecation-errors

Fix SASS deprecation warnings about `@import`

Author: daveverwer

.nvmrc

@@ -1 +1 @@
-stable
+22

FrontEnd/docc.scss

@@ -16,7 +16,7 @@
 // Wrapped DocC documentation pages.
 // -------------------------------------------------------------------------
 
-$mobile-breakpoint: 740px;
+@use 'styles/variables' as *;
 
 header.spi,
 footer.spi {

FrontEnd/main.scss

@@ -14,36 +14,33 @@
 
 @use 'normalize.css/normalize.css';
 @use 'highlight.js/styles/atom-one-dark.css';
-
-$mobile-breakpoint: 740px;
-
-@import 'styles/base';
-@import 'styles/blog';
-@import 'styles/breadcrumbs';
-@import 'styles/build_logs';
-@import 'styles/build_monitor';
-@import 'styles/build_results';
-@import 'styles/copyable_input';
-@import 'styles/error';
-@import 'styles/github_highlighting';
-@import 'styles/header_footer';
-@import 'styles/home';
-@import 'styles/keywords';
-@import 'styles/layout';
-@import 'styles/maintainer_info';
-@import 'styles/maintenance';
-@import 'styles/markdown';
-@import 'styles/matrix';
-@import 'styles/modal_panel';
-@import 'styles/overflowing_list';
-@import 'styles/package_list';
-@import 'styles/package';
-@import 'styles/panel_button';
-@import 'styles/readme';
-@import 'styles/search_results';
-@import 'styles/search';
-@import 'styles/spinner';
-@import 'styles/supporters';
-@import 'styles/tab_bar';
-@import 'styles/validate_manifest';
-@import 'styles/vega_charts';
+@use 'styles/base';
+@use 'styles/blog';
+@use 'styles/breadcrumbs';
+@use 'styles/build_logs';
+@use 'styles/build_monitor';
+@use 'styles/build_results';
+@use 'styles/copyable_input';
+@use 'styles/error';
+@use 'styles/github_highlighting';
+@use 'styles/header_footer';
+@use 'styles/home';
+@use 'styles/keywords';
+@use 'styles/layout';
+@use 'styles/maintainer_info';
+@use 'styles/maintenance';
+@use 'styles/markdown';
+@use 'styles/matrix';
+@use 'styles/modal_panel';
+@use 'styles/overflowing_list';
+@use 'styles/package_list';
+@use 'styles/package';
+@use 'styles/panel_button';
+@use 'styles/readme';
+@use 'styles/search_results';
+@use 'styles/search';
+@use 'styles/spinner';
+@use 'styles/supporters';
+@use 'styles/tab_bar';
+@use 'styles/validate_manifest';
+@use 'styles/vega_charts';

FrontEnd/shared.scss

@@ -16,7 +16,7 @@
 // Any styles shared between SPI and the SPI documentation pages.
 // -------------------------------------------------------------------------
 
-@import 'styles/colors';
-@import 'styles/utility';
-@import 'styles/debug_panel';
-@import 'styles/images';
+@use 'styles/colors';
+@use 'styles/utility';
+@use 'styles/debug_panel';
+@use 'styles/images';

FrontEnd/styles/base.scss FrontEnd/styles/_base.scssFrontEnd/styles/base.scss renamed to FrontEnd/styles/_base.scss

@@ -12,6 +12,8 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
+@use 'variables' as *;
+
 // -------------------------------------------------------------------------
 // Blog styling.
 // -------------------------------------------------------------------------

FrontEnd/styles/blog.scss FrontEnd/styles/_blog.scssFrontEnd/styles/blog.scss renamed to FrontEnd/styles/_blog.scss

@@ -12,6 +12,8 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
+@use 'variables' as *;
+
 // -------------------------------------------------------------------------
 // Breadcrumb bar from the main site (DocC breadcrumbs are in `docc.scss`.
 // -------------------------------------------------------------------------

FrontEnd/styles/breadcrumbs.scss FrontEnd/styles/_breadcrumbs.scssFrontEnd/styles/breadcrumbs.scss renamed to FrontEnd/styles/_breadcrumbs.scss

@@ -12,6 +12,8 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
+@use 'variables' as *;
+
 // -------------------------------------------------------------------------
 // Individual build log page.
 // -------------------------------------------------------------------------

FrontEnd/styles/build_logs.scss FrontEnd/styles/_build_logs.scssFrontEnd/styles/build_logs.scss renamed to FrontEnd/styles/_build_logs.scss

@@ -12,6 +12,8 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
+@use 'variables' as *;
+
 // -------------------------------------------------------------------------
 // Build results page, showing all builds for a package.
 // -------------------------------------------------------------------------