[scss] error when @function inside @keyframes

[n9]

Type: Bug

It is similar to already fixed #47285.
But currently, the failure is caused by @function inside @keyframes.

@keyframes foo {
    @function bar() {
        @return ()
    }
}

Error messages:

[{
	"resource": "Untitled-1",
	"owner": "_generated_diagnostic_collection_name_#1",
	"code": "css-rcurlyexpected",
	"severity": 8,
	"message": "} expected",
	"source": "scss",
	"startLineNumber": 2,
	"startColumn": 5,
	"endLineNumber": 2,
	"endColumn": 14
},{
	"resource": "Untitled-1",
	"owner": "_generated_diagnostic_collection_name_#1",
	"code": "css-ruleorselectorexpected",
	"severity": 8,
	"message": "at-rule or selector expected",
	"source": "scss",
	"startLineNumber": 5,
	"startColumn": 1,
	"endLineNumber": 5,
	"endColumn": 2
}]

VS Code version: Code 1.84.1 (2b35e1e, 2023-11-06T12:35:59.022Z)
OS version: Windows_NT x64 10.0.19045
Modes:

[meadowsjared]

I get the same error using @include withing @keyframes:



it appears the @keyframes parser does not play nice with @function as well as @include

[TylerLeonhardt]

No more errors. Verified ✅

@function bar() should probably be highlighted in:

@keyframes foo {
    @function bar() {
        @return ()
    }
}

I'll open a separate issue for that.