Selector :global is not pure SCSS

[LudoKt]

Hello,

I am encountering an issue when trying to use your code from the README. Here's the code I am using:

import {
  AlignmentViewer,
  FastaAlignment
} from "alignment-viewer-2";

const fastaFileText = ">target\n" +
  "ATGCATGC\n" +
  ">seq1\n" +
  "AAAACCCC\n" +
  ">seq2\n" +
  "ATGCATTT\n" +
  ">seq3\n" +
  "ATGCAAAA\n";
const alignmentObj = FastaAlignment.fromFileContents(
  "ALIGNMENT_NAME", fastaFileText
);

However, I am encountering the following error:

⨯ ./node_modules/alignment-viewer-2/dist/js/common/MolecularStyles.module.scss:648:4
Syntax error: Selector ":global .alignment-aa .resi_line [class^=resi_]" is not pure (pure selectors must contain at least one local class or id)
  646 |     // (i.e., dashes, dots, unrecognized letters, lowercase letters)
  647 |     $defaultColor: map-get($styleObj, defaultLetterColor);
> 648 |     :global
      |    ^
  649 |       .#{$alignmentClass}
  650 |       .#{$residueParentClass}
GET / 500 in 2489ms

Can you help me resolve this issue?

Thank you!

[cmonnom]

Same problem here