Custom CSS not loading

[seaque]

Checklist

• I have read and accepted the contributing guidelines.

How did you create the site?

Generated from chirpy-starter

Description

I have been using this theme for a long time, I used to be able to generate from chirpy-starter and had customized
_data/origin/cors.yml, assets/css/jekyll-theme-chirpy and had been using _saas/variables-hook.scss to deal easily with version updates, now these files are simply ignored upon both publishing to GH pages and local Jekyll serve.

Operations you have already tried

• Start with clean repository.
• Enable/disable self host assets.

Anything else?

Ruby 3.2.2 (2023-03-30 revision e51014f9c0)
Jekyll 4.3.4

[cotes2020]

The _saas/variables-hook.scss has been deprecated in #2052 of v7.2.0.

If you want to achieve the same effect on the latest starter (v7.2.0+), please follow the example below to override the default values:

In file assets/css/jekyll-theme-chirpy.scss:

---
---

+@use 'abstracts/variables' with ( 
+  $sidebar-width: 250px 
+);

@use 'main
{%- if jekyll.environment == 'production' -%}
  .bundle
{%- endif -%}
';

/* append your custom style below */

[seaque]

Sorry, I update rarely so must've missed that one.

Still though, can't get rid of this error.

Error: expected "$".
  ╷
3 │   $font-family-base: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  │                             ^
  ╵

Only one font without comma works. Which is far than ideal.

Same error even with default ones

Error: expected "$".
  ╷
3 │ $font-family-base: 'Source Sans Pro', 'Microsoft Yahei', sans-serif !default;
  │                                       ^
  ╵