Skip to content

🐛 emoji not supported in CSS parser #3627

@mayank99

Description

@mayank99

Environment information

biome rage
CLI:
  Version:                      1.9.3
  Color support:                true

Platform:
  CPU Architecture:             aarch64
  OS:                           macos

Environment:
  BIOME_LOG_DIR:                unset
  NO_COLOR:                     unset
  TERM:                         "xterm-256color"
  JS_RUNTIME_VERSION:           "v20.16.0"
  JS_RUNTIME_NAME:              "node"
  NODE_PACKAGE_MANAGER:         "pnpm/9.6.0"

Biome Configuration:
  Status:                       unset

What happened?

When a custom property name contains an emoji, Biome fails to parse it.

p {
  ---color: red;
  color: var(--✨-color);
}

I get errors in my IDE from biome(parse) in the form of "Expected a declaration, or an at rule but instead found '--✨'." and "Expected a declaration item but instead found '--✨'."

See playground.

See updated playground and related comment.

Expected result

Emojis are allowed in custom property names, so Biome should be able to parse them.

It's worth noting that since Biome doesn't support formatting/linting CSS, it should not even be parsing my CSS files.

Code of Conduct

  • I agree to follow Biome's Code of Conduct

Metadata

Metadata

Assignees

Labels

A-ParserArea: parserL-CSSLanguage: CSSS-Bug-confirmedStatus: report has been confirmed as a valid bug

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions