diff --git a/src/rules/constant.ts b/src/rules/constant.ts
new file mode 100644
index 0000000..86700f8
--- /dev/null
+++ b/src/rules/constant.ts
@@ -0,0 +1 @@
+export const varEmpty = 'var(--un-empty,/*!*/ /*!*/)'
diff --git a/src/rules/filters.ts b/src/rules/filters.ts
index 90e0ca9..900380f 100644
--- a/src/rules/filters.ts
+++ b/src/rules/filters.ts
@@ -1,6 +1,6 @@
 import type { CSSValues, Rule, RuleContext } from '@unocss/core'
-import { varEmpty } from '../rules'
 import { colorableShadows, colorResolver, globalKeywords, h } from '../utils'
+import { varEmpty } from './constant'
 import type { Theme } from '../theme'
 
 export const filterBase = {
diff --git a/src/rules/ring.ts b/src/rules/ring.ts
index 6166d7c..e1dd6d7 100644
--- a/src/rules/ring.ts
+++ b/src/rules/ring.ts
@@ -1,6 +1,6 @@
 import type { CSSObject, Rule, RuleContext } from '@unocss/core'
 import { colorResolver, handler as h, isCSSMathFn } from '../utils'
-import { varEmpty } from './static'
+import { varEmpty } from './constant'
 import type { Theme } from '../theme'
 
 export const ringBase = {
diff --git a/src/rules/shadow.ts b/src/rules/shadow.ts
index 451fe8f..2ebfcd3 100644
--- a/src/rules/shadow.ts
+++ b/src/rules/shadow.ts
@@ -1,7 +1,7 @@
 import { cacheRestoreSelector } from 'unplugin-transform-class/utils'
 import type { Rule } from '@unocss/core'
 import { colorableShadows, colorResolver, handler as h, hasParseableColor } from '../utils'
-import { varEmpty } from './static'
+import { varEmpty } from './constant'
 import type { Theme } from '../theme'
 
 export const boxShadowsBase = {
diff --git a/src/rules/static.ts b/src/rules/static.ts
index 56409a6..d1afac0 100644
--- a/src/rules/static.ts
+++ b/src/rules/static.ts
@@ -6,8 +6,6 @@ import type { Theme } from '../theme'
 const cursorValues = ['auto', 'default', 'none', 'context-menu', 'help', 'pointer', 'progress', 'wait', 'cell', 'crosshair', 'text', 'vertical-text', 'alias', 'copy', 'move', 'no-drop', 'not-allowed', 'grab', 'grabbing', 'all-scroll', 'col-resize', 'row-resize', 'n-resize', 'e-resize', 's-resize', 'w-resize', 'ne-resize', 'nw-resize', 'se-resize', 'sw-resize', 'ew-resize', 'ns-resize', 'nesw-resize', 'nwse-resize', 'zoom-in', 'zoom-out']
 const containValues = ['none', 'strict', 'content', 'size', 'inline-size', 'layout', 'style', 'paint']
 
-export const varEmpty = 'var(--un-empty,/*!*/ /*!*/)'
-
 // display table included on table.ts
 export const displays: Rule[] = [
   ['inline', { display: 'inline' }],