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

/**
 * Retrieves a unit of a given number.
 *
 * @param    {string|number}    $value    The number or pseudo-number string to get its unit.
 *
 * @return   {?number}          A number representing the base value of received unit (1px, 1em, etc.).
 */
@function get-unit($value) {
	@if (get-numeric($value) == null) {
		@return null;
	}

	@each $unit, $val in vars.$units {
		@if (string.slice(#{$value}, string.length(#{$value}) - string.length($unit) + 1) == $unit) {
			@return $val;
		}
	}

	@return null;
}