diff --git a/.vscode/settings.json b/.vscode/settings.json
index 775ffce14..8ad5cc400 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -1,9 +1,6 @@
 {
   "git.pullTags": false,
-  "tailwindCSS.experimental.classRegex": [
-    ["cva\\(([^)]*)\\)", "[\"'`]([^\"'`]*).*?[\"'`]"],
-    ["cx\\(([^)]*)\\)", "(?:'|\"|`)([^']*)(?:'|\"|`)"]
-  ],
+  "tailwindCSS.classFunctions": ["cva", "cn"],
   "tailwindCSS.experimental.configFile": "apps/website/src/global.css",
   "editor.codeActionsOnSave": {
     "source.removeUnusedImports": "explicit"
diff --git a/apps/website/src/routes/docs/styled/(getting-started)/install/index.mdx b/apps/website/src/routes/docs/styled/(getting-started)/install/index.mdx
index 5a7ca14c6..69d9a55fd 100644
--- a/apps/website/src/routes/docs/styled/(getting-started)/install/index.mdx
+++ b/apps/website/src/routes/docs/styled/(getting-started)/install/index.mdx
@@ -261,10 +261,7 @@ Use the following configuration with your chosen editor:
 
 ```json
 {
-  "tailwindCSS.experimental.classRegex": [
-    ["cva\\(([^)]*)\\)", "[\"'`]([^\"'`]*).*?[\"'`]"],
-    ["cn\\(([^)]*)\\)", "(?:'|\"|`)([^']*)(?:'|\"|`)"]
-  ]
+  "tailwindCSS.classFunctions": ["cva", "cn"],
 }
 ```