Media Queries: Range Syntax conflict

[abdo-spices]

when file css get compressed it remove css media Query block Completely

@media screen and (width <= 868px) { .wtq-sidebar { position: absolute; z-index: 1; transform: translateX(-100%); } }

to

[NikolaRHristov]

You can try disabling either lightningcss or csso:

export default (await import("astro/config")).defineConfig({
    integrations: [
        (await import("@playform/compress")).default({
            CSS: {
                // @ts-expect-error
                lightningcss: false,

                // or

                // @ts-expect-error
                csso: false,
            },
        }),
    ],
}) as typeof defineConfig;

import type { defineConfig } from "astro/config";

[abdo-spices]

no i want css optimization

[NikolaRHristov]

Can you try disabling one of the two so we can narrow it down ? lightningcss was recently introduced and could be causing this.