head.astro

<style lang="scss" is:global>
  @use "sass:list";
  @use "sass:meta";
  @use "../styles/app.scss" as app;

  @use "@nulllogic/scssleon/scss/functions.scss" as functions;

  $modules: ("root", "reset", "base", "content");
  $components: ("navbar", "nav", "button", "container");

  $modules: list.join($modules, functions.add_components($components));

  @each $module in $modules {
    @include meta.load-css(
      "@nulllogic/scssleon/scss/#{$module}",
      $with: (config: app.$config, theme: app.$theme)
    );
  }
</style>