Intellisense: Add example bare values to border completions (#14370)

Closes
tailwindlabs/tailwindcss-intellisense#1048

This PR adds a few bare value examples for border width completions. The
examples are taken from [our
docs](https://tailwindcss.com/docs/border-width).

Author: philipp-spiess

CHANGELOG.md

@@ -18,6 +18,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Ensure there is always CLI feedback on save even when no new classes were found ([#14351](https://github.com/tailwindlabs/tailwindcss/pull/14351))
 - Properly resolve `theme('someKey.DEFAULT')` when all `--some-key-*` keys have a suffix ([#14354](https://github.com/tailwindlabs/tailwindcss/pull/14354))
 - Make sure tuple theme values in JS configs take precedence over `@theme default` values ([#14359](https://github.com/tailwindlabs/tailwindcss/pull/14359))
+- Improve IntelliSense completions for `border` utilities ([#14370](https://github.com/tailwindlabs/tailwindcss/pull/14370))
 
 ## [4.0.0-alpha.23] - 2024-09-05
 

packages/tailwindcss/src/__snapshots__/intellisense.test.ts.snap

@@ -667,6 +667,10 @@ exports[`getClassList 1`] = `
   "border/90",
   "border/95",
   "border/100",
+  "border-0",
+  "border-2",
+  "border-4",
+  "border-8",
   "border-b",
   "border-b/0",
   "border-b/5",
@@ -689,6 +693,10 @@ exports[`getClassList 1`] = `
   "border-b/90",
   "border-b/95",
   "border-b/100",
+  "border-b-0",
+  "border-b-2",
+  "border-b-4",
+  "border-b-8",
   "border-b-current",
   "border-b-current/0",
   "border-b-current/5",
@@ -803,6 +811,10 @@ exports[`getClassList 1`] = `
   "border-e/90",
   "border-e/95",
   "border-e/100",
+  "border-e-0",
+  "border-e-2",
+  "border-e-4",
+  "border-e-8",
   "border-e-current",
   "border-e-current/0",
   "border-e-current/5",
@@ -914,6 +926,10 @@ exports[`getClassList 1`] = `
   "border-l/90",
   "border-l/95",
   "border-l/100",
+  "border-l-0",
+  "border-l-2",
+  "border-l-4",
+  "border-l-8",
   "border-l-current",
   "border-l-current/0",
   "border-l-current/5",
@@ -1003,6 +1019,10 @@ exports[`getClassList 1`] = `
   "border-r/90",
   "border-r/95",
   "border-r/100",
+  "border-r-0",
+  "border-r-2",
+  "border-r-4",
+  "border-r-8",
   "border-r-current",
   "border-r-current/0",
   "border-r-current/5",
@@ -1091,6 +1111,10 @@ exports[`getClassList 1`] = `
   "border-s/90",
   "border-s/95",
   "border-s/100",
+  "border-s-0",
+  "border-s-2",
+  "border-s-4",
+  "border-s-8",
   "border-s-current",
   "border-s-current/0",
   "border-s-current/5",
@@ -1193,6 +1217,10 @@ exports[`getClassList 1`] = `
   "border-t/90",
   "border-t/95",
   "border-t/100",
+  "border-t-0",
+  "border-t-2",
+  "border-t-4",
+  "border-t-8",
   "border-t-current",
   "border-t-current/0",
   "border-t-current/5",
@@ -1303,6 +1331,10 @@ exports[`getClassList 1`] = `
   "border-x/90",
   "border-x/95",
   "border-x/100",
+  "border-x-0",
+  "border-x-2",
+  "border-x-4",
+  "border-x-8",
   "border-x-current",
   "border-x-current/0",
   "border-x-current/5",
@@ -1391,6 +1423,10 @@ exports[`getClassList 1`] = `
   "border-y/90",
   "border-y/95",
   "border-y/100",
+  "border-y-0",
+  "border-y-2",
+  "border-y-4",
+  "border-y-8",
   "border-y-current",
   "border-y-current/0",
   "border-y-current/5",

packages/tailwindcss/src/utilities.ts

@@ -2271,7 +2271,7 @@ export function createUtilities(theme: Theme) {
           hasDefaultValue: true,
         },
         {
-          values: [],
+          values: ['0', '2', '4', '8'],
           valueThemeKeys: ['--border-width'],
         },
       ])