Remove v0 dependency from v0 compat package (microsoft#30276)

Co-authored-by: Juraj Kapsiar <[email protected]>

change/@fluentui-react-migration-v0-v9-f1f7af36-9864-40cc-8dad-6ad1306da991.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Remove dependency on v0",
+  "packageName": "@fluentui/react-migration-v0-v9",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

packages/react-components/react-migration-v0-v9/package.json

@@ -27,6 +27,7 @@
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
     "@fluentui/react-conformance-griffel": "*",
+    "@fluentui/react-northstar": "*",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-tasks": "*",
     "@fluentui/scripts-storybook": "*"
@@ -37,7 +38,6 @@
     "@fluentui/react-context-selector": "^9.1.46",
     "@fluentui/react-icons": "^2.0.224",
     "@fluentui/react-jsx-runtime": "^9.0.24",
-    "@fluentui/react-northstar": "^0.66.4",
     "@fluentui/react-shared-contexts": "^9.13.2",
     "@fluentui/react-tabster": "^9.17.0",
     "@fluentui/react-theme": "^9.1.16",

packages/react-components/react-migration-v0-v9/src/components/Button/ButtonMigration.mixins.ts

@@ -1,7 +1,12 @@
 import { GriffelStyle, shorthands } from '@fluentui/react-components';
-import { iconClassNames } from '@fluentui/react-northstar';
 import { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';
 
+// class names from v0 - not imported as we do not want to keep depending on v0.
+const iconClassNames = {
+  filled: 'ui-icon__filled',
+  outline: 'ui-icon__outline',
+};
+
 export const v9HoverClasses = (): GriffelStyle => ({
   [`& .${iconFilledClassName}`]: {
     display: 'none',