fix(SplitButton): Add node resolve back into the rollup config

.changeset/odd-roses-punch.md

@@ -0,0 +1,5 @@
+---
+"@kaizen/components": patch
+---
+
+Update rollup config to re-add node resolver

packages/components/package.json

@@ -103,6 +103,7 @@
     "@kaizen/design-tokens": "workspace:*",
     "@kaizen/tailwind": "workspace:*",
     "@rollup/plugin-alias": "^5.1.0",
+    "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^25.0.7",
     "@rollup/plugin-typescript": "^11.1.6",

packages/components/rollup.config.mjs

@@ -1,11 +1,13 @@
 import alias from "@rollup/plugin-alias"
 import { babel, getBabelOutputPlugin } from "@rollup/plugin-babel";
 import commonjs from "@rollup/plugin-commonjs"
+import resolve from "@rollup/plugin-node-resolve"
 import typescript from "@rollup/plugin-typescript"
 import ignore from "rollup-plugin-ignore"
 import nodeExternals from "rollup-plugin-node-externals"
 import postcss from "rollup-plugin-postcss"
 
+
 const sharedConfig = {
   input: { index: "./src/index.ts", future: "./src/__future__/index.ts" },
   plugins: [
@@ -27,6 +29,15 @@ const sharedConfig = {
         },
       ],
     }),
+    resolve({
+      preferBuiltins: true,
+      extensions: [".js", ".jsx", ".ts", ".tsx"
+     // This is needed to ensure that css is compiled correctly.
+     // Without this there is an alphabetised order in the dist CSS for subcomponents.
+     // This can cause styles being overwritten by primitives, ie: BaseButton overwriting DropdownButton
+     // https://cultureamp.slack.com/archives/C02NUQ27G56/p1713157055178419
+    ],
+    }),
     // These libraries aren't used in KAIO, and require polyfills to be set up
     // in consuming repos. Ignoring them here removes the need for extra setup in
     // consuming repos.