Skip to content

Dart Sass Deprecation Warnings: @import, slash division, and global functions #184

@lugusto

Description

@lugusto

Hi there! First of all, thank you for the amazing theme.

I am opening this issue just to give a heads-up regarding the upcoming Dart Sass updates. When compiling my Jekyll site, the terminal is currently flooded with hundreds of deprecation warnings originating from the theme's _sass files.

While these warnings don't break the build right now, they indicate that the theme might stop compiling completely once Dart Sass 3.0.0 becomes the standard.

The main deprecation warnings triggered are:

  1. @import rules are deprecated: Needs to be migrated to the modern @use module system.
  2. Slash division (/) outside of calc(): Needs to be replaced with math.div() or wrapped in calc().
  3. Global built-in color functions: Functions like lighten() or mix() are deprecated in favor of color.scale(), color.adjust(), and color.mix().
  4. Global String and Map functions: Functions like str-index() and map-merge() now require explicit module calls like string.index and map.merge.

Here is a small snippet of the terminal output as an example:

Deprecation Warning [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
Deprecation Warning [slash-div]: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.
Deprecation Warning [color-functions]: lighten() is deprecated.

I noticed the repository hasn't had recent updates, but I wanted to log this issue in case there are plans for a future maintenance release, or simply to help other users who might stumble upon the same console logs and wonder what is going on.

Thanks again for your work!

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions