Bug: variable hoisting ignored in rule "css/no-invalid-properties"

[Otlikov]

Environment

ESLint version: 9.31.0
@eslint/css version: 0.10.0
Node version: 24.4.0
npm version: 11.4.2
Operating System: macOS 15.5 (24F74)

Which language are you using?

stylesheet

What did you do?

Configuration

css/no-invalid-properties: ["error"]

/* eslint css/no-invalid-properties: ["error"] */

.test {
	color: var(--myColor);
}

:root {
	--myColor: blue;
}

What did you expect to happen?

No error as the definition of variable --myColor should be hoisted.

What actually happened?

Can't validate with unknown variable '--myColor'

Link to Minimal Reproducible Example

none

Participation

• I am willing to submit a pull request for this issue.

Additional comments

No response

[xbinaryx]

Does allowUnknownVariables: true work for you?

[Otlikov]

Option allowUnknownVariables: true actually suppressed the error message. Then, however, I don't get any warnings about missing css variables, e.g. if I remove --myColor altogether.

[nzakas]

Yeah, we aren't hoisting variables at this point. Once we've implemented eslint/rfcs#136, this will be easy to address.

[n8tb1t]

still no solution?

[nzakas]

@n8tb1t all updates are posted on the issue.

[eslint-github-bot]

👋 Hi! This issue is being addressed in pull request #377. Thanks, @wingding12!