chore(postcss): add compat test case

Author: sonofmagic

packages/postcss/test/__snapshots__/compat.test.ts.snap

@@ -0,0 +1,10 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`compat > styleHandler calc 1`] = `
+"
+page{
+--spacing: 8rpx;
+--radius-3xl: 48rpx;
+--radius-4xl: calc(var(--spacing) * 8);
+}"
+`;

packages/postcss/test/compat.test.ts

@@ -0,0 +1,24 @@
+import { createStyleHandler } from '@/index'
+
+describe('compat', () => {
+  it('styleHandler calc', async () => {
+    const styleHandler = createStyleHandler({
+      isMainChunk: true,
+      cssPresetEnv: {
+        features: {
+          'custom-properties': true,
+          'nested-calc': true,
+        },
+        // browsers: ['defaults'],
+      },
+    })
+    const { css } = await styleHandler(`
+:root{
+--spacing: 8rpx;
+--radius-3xl: 48rpx;
+--radius-4xl: calc(var(--spacing) * 8);
+}`,
+    )
+    expect(css).toMatchSnapshot()
+  })
+})