diff --git a/src/rules/transition.ts b/src/rules/transition.ts
index f2f5546..57f769f 100644
--- a/src/rules/transition.ts
+++ b/src/rules/transition.ts
@@ -44,7 +44,7 @@ export const transitions: Rule<Theme>[] = [
 
   // props
   [/^(?:transition-)?property-(.+)$/,
-    ([, v]) => ({ 'transition-property': h.global(v) || transitionProperty(v) }),
+    ([, v]) => ({ 'transition-property': h.bracket.global(v) || transitionProperty(v) }),
     { autocomplete: [`transition-property-(${[...globalKeywords, ...Object.keys(transitionPropertyGroup)].join('|')})`] }],
 
   // none
diff --git a/test/__snapshots__/preset-mini.test.ts.snap b/test/__snapshots__/preset-mini.test.ts.snap
index 32e16d0..d496349 100644
--- a/test/__snapshots__/preset-mini.test.ts.snap
+++ b/test/__snapshots__/preset-mini.test.ts.snap
@@ -808,6 +808,7 @@ div:hover .group-\\\\[div\\\\:hover\\\\]-\\\\[combinator\\\\:test-4\\\\]{combina
 .property-none{transition-property:none;}
 .property-padding\\\\,margin{transition-property:padding,margin;}
 .property-unset{transition-property:unset;}
+.transition-property-\\\\[border\\\\]{transition-property:border;}
 .transition-property-width{transition-property:width;}
 .transition-none{transition:none;}
 .transition-revert-layer{transition:revert-layer;}
diff --git a/test/assets/preset-mini-targets.ts b/test/assets/preset-mini-targets.ts
index c2fc589..cab0652 100644
--- a/test/assets/preset-mini-targets.ts
+++ b/test/assets/preset-mini-targets.ts
@@ -692,6 +692,7 @@ export const presetMiniTargets: string[] = [
   'transition-duration-300',
   'transition-property-width',
   'transition-property-all',
+  'transition-property-[border]',
   'transition-200',
   'transition-opacity-200',
   'transition-color,background-color-200',