refactor(splitbutton): deprecate component (#2527)

* refactor(splitbutton): deprecate component
* fix(storybook): update logic in postcss for rendering styles

---------

Co-authored-by: castastrophe <[email protected]>

Author: Melissa Thompson

.storybook/deprecated/splitbutton/splitbutton.stories.js

@@ -46,6 +46,9 @@ export default {
 		size: "m",
 		position: "right",
 		label: "Split Button",
+		variant: "accent",
+		treatment: "fill",
+		iconName: "ChevronDown100",
 	},
 	parameters: {
 		actions: {
@@ -58,44 +61,5 @@ export default {
 	},
 };
 
-export const CTA = Template.bind({});
-CTA.args = {
-	variant: "accent",
-	treatment: "fill",
-	iconName: "ChevronDown100",
-};
-
-export const CTAMoreIcon = Template.bind({});
-CTAMoreIcon.args = {
-	variant: "accent",
-	treatment: "fill",
-	iconName: "More",
-};
-
-export const Primary = Template.bind({});
-Primary.args = {
-	variant: "primary",
-	treatment: "outline",
-	iconName: "ChevronDown100",
-};
-
-export const PrimaryMoreIcon = Template.bind({});
-PrimaryMoreIcon.args = {
-	variant: "primary",
-	treatment: "outline",
-	iconName: "More",
-};
-
-export const Secondary = Template.bind({});
-Secondary.args = {
-	variant: "secondary",
-	treatment: "outline",
-	iconName: "ChevronDown100",
-};
-
-export const SecondaryMoreIcon = Template.bind({});
-SecondaryMoreIcon.args = {
-	variant: "secondary",
-	treatment: "outline",
-	iconName: "More",
-};
+export const Default = Template.bind({});
+Default.args = {};

.storybook/deprecated/splitbutton/splitbutton.yml

@@ -1,6 +1,6 @@
 name: Split button
 status: Deprecated
-deprecationNotice: Use a <a href="buttongroup.html">button group</a> to show any additional actions related to the most critical action. Reference <a href="https://spectrum.corp.adobe.com/page/button-group/#Use-a-button-group-to-show-additional-actions">Spectrum documentation</a> for more information.
+deprecationNotice: Use a [button group](buttongroup.html) to show any additional actions related to the most critical action. Reference [Spectrum documentation](https://spectrum.corp.adobe.com/page/button-group/#Use-a-button-group-to-show-additional-actions) for more information.
 examples:
   - id: splitbutton
     name: CTA

.storybook/postcss.config.js

@@ -1,5 +1,4 @@
-const { resolve, basename } = require("path");
-const { existsSync } = require("fs");
+const { basename } = require("path");
 const warnCleaner = require("postcss-warn-cleaner");
 
 const simpleBuilder = require("@spectrum-css/component-builder-simple/css/processors.js");
@@ -16,10 +15,11 @@ function getPackageFromPath(filePath) {
 
 module.exports = (ctx) => {
 	let plugins = [];
-	const componentPath = resolve(__dirname, "../components");
     /** @todo put together a more robust fallback determination */
 	const folderName = getPackageFromPath(ctx.file) ?? "tokens";
-	const pkgPath = resolve(componentPath, folderName, "package.json");
+	const pkgPath = require.resolve(`@spectrum-css/${folderName}/package.json`);
+
+	if (!pkgPath) return plugins;
 
 	/**
 	 * For our token libraries, include a little extra parsing to allow duplicate
@@ -56,7 +56,7 @@ module.exports = (ctx) => {
 				  ]
 				: []),
 		];
-	} else if (existsSync(pkgPath)) {
+	} else {
 		/**
 		 * If a path has a package.json, we can assume it's a component and
 		 * we want to leverage the correct plugins for it.