Prevent styles from being loaded multiple times for components that rely on other components.

_import-once.scss

// IMPORT ONCE
// Prevent styles from being loaded multiple times for components that rely on other components.
$modules: () !default;
@mixin exports($name) {
  $module_index: index($modules, $name);
  @if not index($modules, $name) {
    $modules: append($modules, $name) !global;
    @content;
  }
}

_module.scss

// File: components/_fancy-button.scss
@include exports('fancy-button') {
  .fancyButton {
    @include koko(#000);
  }
}

main.scss

@import 'components/_fancy-button.scss';