The element is resolved by name only, without the use of imports. What does it mean?

Question

Sass

Appears when adding variables and does not compile. What does it mean? And how to use variables then? How to do it right?

Answer 1

This means that your IDE has created an index of all the project's code. And I found the declaration of this variable in this code. That is, you declared it somewhere in another file.
But the IDE cannot guarantee that you have included this file, so it warns.
Storm is not able to fully parse all imports nested in files and looks only at what is explicitly included in the current sass file.
As a rule, I turn off this inspection so that it does not hurt my eyes.
If it doesn't compile for you, then you didn't include the required file.
For example you have

.block {
  background: $myVariable;
}

@import 'settings.scss';
@import 'block.scss';

if you open the block.scss file, storm will show this warning in it.
But since all imports are correct, styles will compile normally.
But if you forget to include settings.scss in the styles.scss file, the IDE will still show the same warning, but the styles will no longer compile.