[Bug]: Sass Deprecation Warning

[seabasseee]

Bug description

Deprecation Warning: Sass's behavior for declarations that appear after nested
rules will be changing to match the behavior specified by CSS in an upcoming
version. To keep the existing behavior, move the declaration above the nested
rule. To opt into the new behavior, wrap the declaration in & {}.

More info: https://sass-lang.com/d/mixed-decls

Expected behavior

Would this fix it in _items.scss?

.#{$select-ns}-control {
	border: $select-border;
	padding: $select-padding-y $select-padding-x;
	width: 100%;
	overflow: hidden;
	position: relative;
	z-index: 1;
	box-sizing: border-box;
	box-shadow: $select-shadow-input;
	border-radius: $select-border-radius;
	display: flex;
	flex-wrap: wrap;

	.#{$select-ns}-wrapper.multi.has-items & {
		& {
			$padding-x: $select-padding-x;
			$padding-top: calc(#{$select-padding-y} - #{$select-padding-item-y} - #{$select-width-item-border});
			$padding-bottom: calc(#{$select-padding-y} - #{$select-padding-item-y} - #{$select-margin-item-y} - #{$select-width-item-border});
			padding: $padding-top $padding-x $padding-bottom;
		}
	}

	.full & {
		& {
			background-color: $select-color-input-full;
		}
	}

	.disabled &,
	.disabled & * {
		& {
			cursor: default !important;
		}
	}

	.focus & {
		& {
			box-shadow: $select-shadow-input-focus;
		}
	}

	> * {
		& {
			vertical-align: baseline;
			display: inline-block;
		}
	}

	.#{$select-ns}-wrapper.multi & > div {
		& {
			cursor: pointer;
			margin: 0 $select-margin-item-x $select-margin-item-y 0;
			padding: $select-padding-item-y $select-padding-item-x;
			background: $select-color-item;
			color: $select-color-item-text;
			border: $select-width-item-border solid $select-color-item-border;
		}

		&.active {
			& {
				background: $select-color-item-active;
				color: $select-color-item-active-text;
				border: $select-width-item-border solid $select-color-item-active-border;
			}
		}
	}

	.#{$select-ns}-wrapper.multi.disabled & > div {
		&, &.active {
			& {
				color: lighten(desaturate($select-color-item-text, 100%), $select-lighten-disabled-item-text);
				background: lighten(desaturate($select-color-item, 100%), $select-lighten-disabled-item);
				border: $select-width-item-border solid lighten(desaturate($select-color-item-border, 100%), $select-lighten-disabled-item-border);
			}
		}
	}

	> input {
		&::-ms-clear {
			& {
				display: none;
			}
		}

		& {
			flex: 1 1 auto;
			min-width: 7rem;
			display: inline-block !important;
			padding: 0 !important;
			min-height: 0 !important;
			max-height: none !important;
			max-width: 100% !important;
			margin: 0 !important;
			text-indent: 0 !important;
			border: 0 none !important;
			background: none !important;
			line-height: inherit !important;
			user-select: auto !important;
			box-shadow: none !important;
		}

		&:focus { outline: none !important; }
	}

	.has-items & > input {
		& {
			margin: $select-caret-margin !important;
		}
	}

	&.rtl {
		& {
			text-align: right;
		}
		&.single .#{$select-ns}-control:after {
			& {
				left: $select-arrow-offset;
				right: auto;
			}
		}
		.#{$select-ns}-control > input {
			& {
				margin: $select-caret-margin-rtl !important;
			}
		}
	}

	.disabled & {
		& {
			opacity: $select-opacity-disabled;
			background-color: $select-color-disabled;
		}
	}

	.input-hidden & > input {
		& {
			opacity: 0;
			position: absolute;
			left: -10000px;
		}
	}
}

Steps to reproduce

Run npm build

Additional context

• Browser All

[seabasss]

I still get this, using the latest version. Thank you!

transforming (40) node_modules/axios/lib/utils.jsDeprecation Warning: Sass's behavior for declarations that appear after nested
rules will be changing to match the behavior specified by CSS in an upcoming
version. To keep the existing behavior, move the declaration above the nested
rule. To opt into the new behavior, wrap the declaration in `& {}`.

More info: https://sass-lang.com/d/mixed-decls

    ╷
64  │ ┌         &::-ms-clear {
65  │ │             display: none;
66  │ │         }
    │ └─── nested rule
... │
68  │           flex: 1 1 auto;
    │           ^^^^^^^^^^^^^^ declaration
    ╵
    node_modules/tom-select/src/scss/_items.scss 68:3      @import
    node_modules/tom-select/src/scss/tom-select.scss 71:9  @import

Warning: 9 repetitive deprecation warnings omitted.

[shroy]

I'm also seeing this, along with two other deprecation warnings raised multiple times. Here are some examples.

Sass is switching to @use and @forwards over @import:

 Deprecation Warning: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
 More info and automated migrator: https://sass-lang.com/d/import
 
 @import 'dropdown';

They also recommend using their color.* module to replace color functions.

Deprecation Warning: Global built-in functions are deprecated and will be removed in Dart Sass 3.0.0.
Use color.adjust instead.

More info and automated migrator: https://sass-lang.com/d/import

57 │             color: lighten(desaturate($select-color-item-text, 100%), $select-lighten-disabled-item-text);
    │                            ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

node_modules/tom-select/dist/scss/_items.scss 57:19     @import