next.js/examples/with-external-styled-jsx-sass/styles/style.scss

$color: #2ecc71;

div {
  background-color: $color;
  :hover {
    background-color: darken($color, 20%);
  }
}