@use 'sass:map';
@use 'sass:math';
@use 'sass:meta';
@use '../get-numeric/get-numeric.scss' as *;
@use '../../../variables' as vars;

/**
 * Sets default unit for a given unitless number.
 *
 * @param    {number|string}    $value          The input value.
 * @param    {string}           $unit ['px']    Default unit (one of valid CSS units).
 *
 * @return   {number}    Original number transformed to a given unit.
 */
@function with-unit($value, $unit: 'px') {
	$numeric: $value;

	@if (meta.type-of($value) != 'number') {
		$numeric: get-numeric($value);
	}

	@if (meta.type-of($numeric) != 'number') {
		@return $value;
	}

	@if (math.is-unitless($numeric)) {
		$unit-name: $unit;

		@if (not map.has-key(vars.$units, $unit-name)) {
			$unit-name: 'px';
		}

		@return $numeric * map.get(vars.$units, $unit-name);
	}

	@return $numeric;
}