Specificity override function/mixin

main.scss

#{specificity('.one', 5)} {
	background: purple;
}

@include specificity('.two', 5) {
	background: red;
}

/*
*  Outputs
*  .one.one.one.one.one {
*    background: purple; }
*
*  .two.two.two.two.two {
*    background: red; }
*/

mixins.scss

@function specificity($selector, $levels: 2) {
	$el: '';

	@for $i from 1 through $levels {
		$el: append($el, $selector);
	}

	$el: str-replace(#{$el}, ' ', '');

	@return $el;
}

@mixin specificity($selector, $levels: 2) {
	#{specificity($selector, $levels)} {
		@content;
	}
}