📝 css formatter adds single quotes on @charset

[Barsnes]

Environment information

CLI:
  Version:                      1.9.3
  Color support:                true

Platform:
  CPU Architecture:             x86_64
  OS:                           windows

Environment:
  BIOME_LOG_PATH:               unset
  BIOME_LOG_PREFIX_NAME:        unset
  BIOME_CONFIG_PATH:            unset
  NO_COLOR:                     unset
  TERM:                         unset
  JS_RUNTIME_VERSION:           "v22.3.0"
  JS_RUNTIME_NAME:              "node"
  NODE_PACKAGE_MANAGER:         "yarn/4.2.2"

Biome Configuration:
  Status:                       Loaded successfully
  Formatter disabled:           false
  Linter disabled:              false
  Organize imports disabled:    false
  VCS disabled:                 false

Formatter:
  Format with errors:           true
  Indent style:                 Space
  Indent width:                 2
  Line ending:                  Lf
  Line width:                   80
  Attribute position:           Auto
  Bracket spacing:              BracketSpacing(true)
  Ignore:                       []
  Include:                      []

JavaScript Formatter:
  Enabled:                      true
  JSX quote style:              Single
  Quote properties:             AsNeeded
  Trailing commas:              All
  Semicolons:                   Always
  Arrow parentheses:            Always
  Bracket spacing:              unset
  Bracket same line:            false
  Quote style:                  Single
  Indent style:                 unset
  Indent width:                 unset
  Line ending:                  unset
  Line width:                   unset
  Attribute position:           unset

JSON Formatter:
  Enabled:                      true
  Indent style:                 unset
  Indent width:                 unset
  Line ending:                  unset
  Line width:                   unset
  Trailing Commas:              unset

CSS Formatter:
  Enabled:                      true
  Indent style:                 unset
  Indent width:                 unset
  Line ending:                  unset
  Line width:                   unset
  Quote style:                  Single

GraphQL Formatter:
  Enabled:                      false
  Indent style:                 unset
  Indent width:                 unset
  Line ending:                  unset
  Line width:                   unset
  Bracket spacing:              unset
  Quote style:                  unset

Workspace:
  Open Documents:               0

Configuration

{
  "css": {
    "formatter": {
      "enabled": true,
      "quoteStyle": "single"
    }
  },
}

Playground link

https://github.com/Barsnes/biome-charset-quotes

Code of Conduct

• I agree to follow Biome's Code of Conduct

[Barsnes]

When you run biome check in the repo, this is what the formatter outputs:

  × Formatter would have printed the following content:

    1   │ - @charset·"UTF-8";␍
    2   │ - ␍
    3   │ - [data-mode="dark"]·{␍
    4   │ - ··color:·black;␍
    5   │ - }
      1 │ + @charset·'UTF-8';
      2 │ +
      3 │ + [data-mode='dark']·{
      4 │ + ··color:·black;
      5 │ + }
      6 │ +

@charset is invalid with single quotes, and this at rule should always have double quotes.
I suggest overriding the setting for css.formatter.quoteStyle when the formatter encounters a charset at rule.

MDN: https://developer.mozilla.org/en-US/docs/Web/CSS/@charset#valid_and_invalid_charset_declarations

[fireairforce]

i will fix this