Sass deprecation warnings #3256
Description
Have you checked that your issue isn't already filed?
- I read through FAQ and searched through the past issues, none of which addressed my issue.
- Yes, I have checked that this issue isn't already filed.
Bug description
Dart Sass has deprecated the use of @import and global built-in functions, and now al-folio throws deprecation warnings
How to reproduce the bug
When launching the current version of al-folio, I receive the attached deprecation warnings. It seems they are all related to this breaking change in Dart Sass.
Everything seems to still work fine for the time being, but I thought it might be good to report this so it can be addressed in time before switching to 3.0.0.
I see these warnings both on my local devcontainer and on github pages.
Error messages and logs
Deprecation Warning [import]: 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
╷
7 │ "variables",
│ ^^^^^^^^^^^
╵
/workspaces/al-folio/assets/css/main.scss 7:3 root stylesheet
Deprecation Warning [import]: 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
╷
8 │ "themes",
│ ^^^^^^^^
╵
/workspaces/al-folio/assets/css/main.scss 8:3 root stylesheet
Deprecation Warning [import]: 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
╷
9 │ "layout",
│ ^^^^^^^^
╵
/workspaces/al-folio/assets/css/main.scss 9:3 root stylesheet
Deprecation Warning [import]: 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
╷
10 │ "base",
│ ^^^^^^
╵
/workspaces/al-folio/assets/css/main.scss 10:3 root stylesheet
Deprecation Warning [import]: 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
╷
11 │ "distill",
│ ^^^^^^^^^
╵
/workspaces/al-folio/assets/css/main.scss 11:3 root stylesheet
Deprecation Warning [global-builtin]: Global built-in functions are deprecated and will be removed in Dart Sass 3.0.0.
Use string.unquote instead.
More info and automated migrator: https://sass-lang.com/d/import
╷
9 │ #{$fa-icon-property}: unquote("\"#{ $icon }\"");
│ ^^^^^^^^^^^^^^^^^^^^^^^^^
╵
/workspaces/al-folio/_sass/font-awesome/_icons.scss 9:27 @import
font-awesome/fontawesome.scss 20:9 @import
/workspaces/al-folio/assets/css/main.scss 15:3 root stylesheet
Deprecation Warning [global-builtin]: Global built-in functions are deprecated and will be removed in Dart Sass 3.0.0.
Use string.unquote instead.
More info and automated migrator: https://sass-lang.com/d/import
╷
10 │ #{$fa-duotone-icon-property}: unquote("\"#{$icon}#{$icon}\"");
│ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
╵
/workspaces/al-folio/_sass/font-awesome/_icons.scss 10:35 @import
font-awesome/fontawesome.scss 20:9 @import
/workspaces/al-folio/assets/css/main.scss 15:3 root stylesheet
Deprecation Warning [global-builtin]: Global built-in functions are deprecated and will be removed in Dart Sass 3.0.0.
Use string.unquote instead.
More info and automated migrator: https://sass-lang.com/d/import
╷
29 │ .#{$fa-css-prefix}-#{$name} { #{$fa-icon-property}: unquote("\"#{ $icon }\""); }
│ ^^^^^^^^^^^^^^^^^^^^^^^^^
╵
font-awesome/brands.scss 29:55 @import
/workspaces/al-folio/assets/css/main.scss 16:3 root stylesheet
Deprecation Warning [global-builtin]: Global built-in functions are deprecated and will be removed in Dart Sass 3.0.0.
Use string.unquote instead.
More info and automated migrator: https://sass-lang.com/d/import
╷
36 │ @return unquote("\"")+unquote(str-insert($str, "\\", 1))+unquote("\"")
│ ^^^^^^^^^^^^^
╵
tabler-icons/tabler-icons.scss 36:11 unicode()
tabler-icons/tabler-icons.scss 40:15 @import
/workspaces/al-folio/assets/css/main.scss 19:3 root stylesheet
Deprecation Warning [global-builtin]: Global built-in functions are deprecated and will be removed in Dart Sass 3.0.0.
Use string.insert instead.
More info and automated migrator: https://sass-lang.com/d/import
╷
36 │ @return unquote("\"")+unquote(str-insert($str, "\\", 1))+unquote("\"")
│ ^^^^^^^^^^^^^^^^^^^^^^^^^
╵
tabler-icons/tabler-icons.scss 36:33 unicode()
tabler-icons/tabler-icons.scss 40:15 @import
/workspaces/al-folio/assets/css/main.scss 19:3 root stylesheet
Warning: 39 repetitive deprecation warnings omitted.
Run in verbose mode to see all warnings.
What operating system are you using?
Windows
Where are you seeing the problem on?
Running locally with Docker (devcontainer)
More info
No response