diff --git a/src/core/lib/createTheme.ts b/src/core/lib/createTheme.ts
index 1dc261a..ce722af 100644
--- a/src/core/lib/createTheme.ts
+++ b/src/core/lib/createTheme.ts
@@ -18,7 +18,16 @@ function createTheme(
     defaultValue?: string,
     options = {}
   ): number | boolean | Record<string, unknown> {
-    const [pathRoot, ...subPaths] = toPath(path)
+    let [pathRoot, ...subPaths] = toPath(path)
+
+    // Retain dots in spacing values, eg: `ml-[theme(spacing.0.5)]`
+    if (
+      pathRoot === 'spacing' &&
+      subPaths.length === 2 &&
+      subPaths.every(x => !Number.isNaN(Number(x)))
+    ) {
+      subPaths = [subPaths.join('.')]
+    }
 
     const value = getConfigValue(
       path ? ['theme', pathRoot, ...subPaths] : ['theme'],
diff --git a/tests/arbitraryValues.test.ts b/tests/arbitraryValues.test.ts
index 056cdd4..14762e4 100644
--- a/tests/arbitraryValues.test.ts
+++ b/tests/arbitraryValues.test.ts
@@ -229,6 +229,18 @@ it('should allow using the DEFAULT key when using theme', async () => {
   })
 })
 
+it('should allow dots instead of square brackets for decimal point values', async () => {
+  const input = 'tw`ml-[theme(spacing.0.5)]`'
+
+  return run(input).then(result => {
+    expect(result).toMatchFormattedJavaScript(`
+      ({
+        "marginLeft": "0.125rem"
+      });
+    `)
+  })
+})
+
 it('should not output unparsable arbitrary CSS values', async () => {
   // eslint-disable-next-line no-template-curly-in-string
   const input = 'tw`w-[${sizes.width}]`'