chore: migrate libsass to dartsass (#562)

Andreas Deininger

07.57.2025 acb0c1788976af1601ac300b9206e1c898a29d5b

 assets/scss/partials/components/_notice.scss

@@ -1,40 +1,44 @@
@use 'sass:color' as color;
@use 'modules/color_theme' as colorTheme;
@use 'modules/variables' as var;

.notice {
  display: flex;
  flex-direction: column;

  @include themed() {
    background-color: mix(t('info'), t('accent'), 40%);
  @include colorTheme.themed() {
    background-color: color.mix(colorTheme.t('info'), colorTheme.t('accent'), 40%);
  }

  &--update {
    @include themed() {
      background-color: mix(t('success'), t('accent'), 40%);
    @include colorTheme.themed() {
      background-color: color.mix(colorTheme.t('success'), colorTheme.t('accent'), 40%);
    }
  }

  &--warning {
    @include themed() {
      background-color: mix(t('danger'), t('accent'), 40%);
    @include colorTheme.themed() {
      background-color: color.mix(colorTheme.t('danger'), colorTheme.t('accent'), 40%);
    }
  }

  &__title {
    background-color: t('info');
    background-color: colorTheme.t('info');
    align-self: flex-end;
    font-weight: 300;
    letter-spacing: 0.025em;
    padding: 0.2rem 0.5rem 0.2rem 0.5rem;

    @include themed() {
      color: t('accent');
    @include colorTheme.themed() {
      color: colorTheme.t('accent');
    }

    &--update {
      background-color: t('success');
      background-color: colorTheme.t('success');
    }

    &--warning {
      background-color: t('danger');
      background-color: colorTheme.t('danger');
    }
  }