fix: mitigate Dart Sass depreciation warnings

[classicrocker883]

Type of change

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Improvement (refactoring and improving code)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• Documentation update

Description

When using bundle exec jekyll s this warning appears:

Deprecation Warning: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.

More info and automated migrator: https://sass-lang.com/d/import

So, I performed the following:

$ npm install -g sass-migrator
$ sass-migrator module --migrate-deps _sass/main.scss

This automatically made most of the changes, but then I had to manually make a few others like:

• add ../ to 'colors/syntax-light'; / dark
• manually change @import to @use in main.bundle.scss + jekyll-theme-chirpy.scss
• change @extend * with sed -i 's/@extend [^;]*/& !optional/g' FILENAME to be like.... @extend * !optional;

Additional context

These changes will fix the error/warning for depreciation

[cotes2020]

Hi @classicrocker883,

Thank you for contributing to the improvement of the source code. This deprecation warning will not affect the normal operation of the project within the next two years. Instead of using automated tools to change @import to @use, I believe the best approach is to improve the existing Sass architecture of the project to align with the design principles of @use. However, this is not a task that can be completed in a day or two.

Before that happens, if you do not want to see these warning messages, you can modify the Sass options in the configuration file:

# _config.yml
sass:
  quiet_deps: true

[ZhengYuan-Public]

@cotes2020 Hi, I've added quiet_deps: true in the config file and most warnings are gone. However the following one is still showing. What should I do?

Deprecation Warning: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.

More info and automated migrator: https://sass-lang.com/d/import

  ╷
1 │ @import 'main';
  │         ^^^^^^
  ╵