Add new scss-parser workaround for module access

news/changelog-1.7.md

@@ -141,8 +141,9 @@ All changes included in 1.7:
 - ([#12117](https://github.com/quarto-dev/quarto-cli/issues/12117)): Color output to stdout and stderr is now correctly rendered for `html` format in the Jupyter and Julia engines.
 - ([#12264](https://github.com/quarto-dev/quarto-cli/issues/12264)): Upgrade `dart-sass` to 1.85.1.
 - ([#11803](https://github.com/quarto-dev/quarto-cli/pull/11803)): Added a new CLI command `quarto call`. First users of this interface are the new `quarto call engine julia ...` subcommands.
+- ([#12338](https://github.com/quarto-dev/quarto-cli/issues/12338)): Add an additional workaround for the SCSS parser used in color variable extraction.
 - ([#12369](https://github.com/quarto-dev/quarto-cli/pull/12369)): `quarto preview` correctly throws a YAML validation error when a `format` key does not conform.
 
 ## Languages
 
-- ([#12366](https://github.com/quarto-dev/quarto-cli/pull/12366)): Added Bulgarian translation for Quarto UI text (credit: @sakelariev)
+- ([#12366](https://github.com/quarto-dev/quarto-cli/pull/12366)): Added Bulgarian translation for Quarto UI text (credit: @sakelariev)

src/core/sass/analyzer/parse.ts

@@ -8,6 +8,9 @@ export const makeParserModule = (
 ) => {
   return {
     getSassAst: (contents: string) => {
+      // scss-parser doesn't support the `$.` operator for module access and it breaks their parser oO, so we remove it.
+      contents = contents.replaceAll(".$", "_dot_dollar");
+
       // scss-parser doesn't support the `...` operator and it breaks their parser oO, so we remove it.
       // our analysis doesn't need to know about it.
       contents = contents.replaceAll("...", "_dot_dot_dot");

tests/docs/smoke-all/2025/03/31/issue-12338/.gitignore

@@ -0,0 +1 @@
+/.quarto/

tests/docs/smoke-all/2025/03/31/issue-12338/_library.scss

@@ -0,0 +1 @@
+$pinkish: #e83e8c;

tests/docs/smoke-all/2025/03/31/issue-12338/_quarto.yml

@@ -0,0 +1,16 @@
+project:
+  type: website
+
+website:
+  title: "website"
+  navbar:
+    left:
+      - href: index.qmd
+        text: Home
+      - about.qmd
+
+format:
+  html:
+    theme:
+      - cosmo
+      - styles.scss