search

kidonng / unocss-preset-daisy

UnoCSS preset for daisyUI
https://unocss-preset-daisy.vercel.app
MIT License
220 stars 19 forks source link

Getting lexical error warnings #27

Open abensur opened 11 months ago

abensur commented 11 months ago

Hi, thanks for this preset!

This daisy's toggle propertie

box-shadow: calc(var(--handleoffset) / 2) 0 0 2px var(--tglbg) inset, calc(var(--handleoffset) / -2) 0 0 2px var(--tglbg) inset, 0 0 0 2px var(--tglbg) inset

is being replaced with

box-shadow: calc(var(--handleoffset), 2) 0 0 2px var(--tglbg) inset, calc(var(--handleoffset), -2) 0 0 2px var(--tglbg) inset, 0 0 0 2px var(--tglbg) inset

I've tried changing your replaceSlash function and it worked:

// var(--foo) / 0.1 -> var(--foo)
const replaceSlash = (css: string) => css.replace(/\) \/ /g, '), ')

into

// var(--foo) / 0.1 -> var(--foo), 0.1
// but not calc(var(--foo) / 0.1)
const replaceSlash = (css: string) => css.replace(/(?<!calc\([^)]*)\) \/ (?![^(]*\))/g, '), ');