chakra-ui/panda @pandacss/generator@0.27.0

on GitHub

Minor Changes

• 8430490: Improve performance, mostly for the CSS generation by removing a lot of postcss usage (and plugins).

  Public changes:

  • Introduce a new config.lightningcss option to use lightningcss (currently disabled by default) instead of
    postcss.
  • Add a new config.browserslist option to configure the browserslist used by lightningcss.
  • Add a --lightningcss flag to the panda and panda cssgen command to use lightningcss instead of postcss for
    this run.

  Internal changes:

  • markImportant fn from JS instead of walking through postcss AST nodes
  • use a fork of stitches stringify function instead of postcss-css-in-js to write the CSS string from a JS
    object
  • only compute once TokenDictionary properties
  • refactor serializeStyle to use the same code path as the rest of the pipeline with StyleEncoder / StyleDecoder
    and rename it to transformStyles to better convey what it does

Patch Changes

• dce0b3b: Enhance splitCssProps typings

• 74ac0d9: Improve the performance of the runtime transform functions by caching their results (css, cva, sva,
  recipe/slot recipe, patterns)

  See detailed breakdown of the performance improvements
  here based on the React Profiler.

• Updated dependencies [8430490]

• Updated dependencies [bee3ec8]

• Updated dependencies [74ac0d9]

  • @pandacss/token-dictionary@0.27.0
  • @pandacss/is-valid-prop@0.27.0
  • @pandacss/logger@0.27.0
  • @pandacss/shared@0.27.0
  • @pandacss/types@0.27.0
  • @pandacss/core@0.27.0