Skip to content

Support CSS-variable blur values in the Uniwind transformer #25

Description

@coderabbitai

Summary

Follow up on the Uniwind blur utility transformer support deferred from PR #24.

The custom blur utilities in global.css use CSS-variable arguments such as filter: blur(--blur-sm). The patched Uniwind transformer currently serializes literal blur lengths but does not preserve the corresponding CSS-variable value shape, which can cause these filter declarations to be omitted.

Required changes

  • Update patches/uniwind+1.10.0.patch consistently across its CJS, ESM, and TypeScript CSS-processor sections.
  • Preserve and serialize CSS-variable blur arguments (for example, --blur-sm / var(--blur-sm)) in addition to literal length values.
  • Keep the existing literal blur serialization behavior intact.

Rationale

Spoiler rendering depends on the blur-sm utility. The transformer must retain the blur filter when its amount is supplied through the theme token rather than a literal length.

Affected areas

  • global.css blur utilities and theme tokens
  • patches/uniwind+1.10.0.patch filter serialization logic

Acceptance criteria

  • filter: blur(--blur-sm) (or its parsed CSS-variable representation) is serialized rather than dropped.
  • Literal values such as blur(8px) continue to serialize correctly.
  • The CJS, ESM, and TypeScript patch sections implement equivalent behavior.

Context

Requested by @jchu634 for the next release.

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

No labels
No labels

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions