backstage: Update components to depend on token dictionary

components/o3-button/package.json

@@ -30,7 +30,8 @@
 	},
 	"private": false,
 	"peerDependencies": {
-		"@financial-times/o3-foundation": "^2.0.0"
+		"@financial-times/o3-foundation": "^2.0.0",
+		"@financial-times/origami-dictionary": "^0.0.0"
 	},
 	"devDependencies": {
 		"@financial-times/o3-figma-sb-links": "^0.0.0"

components/o3-button/src/css/brands/core.css

@@ -1,3 +1,3 @@
 @import '@financial-times/o3-foundation/css/core.css';
-@import '../tokens/core/o3-button/_variables.css';
+@import '@financial-times/origami-dictionary/css/core/o3-button.css';
 @import '../../../main.css';

components/o3-button/src/css/brands/internal.css

@@ -1,3 +1,3 @@
 @import '@financial-times/o3-foundation/css/internal.css';
-@import '../tokens/internal/o3-button/_variables.css';
+@import '@financial-times/origami-dictionary/css/internal/o3-button.css';
 @import '../../../main.css';

components/o3-button/src/css/brands/professional.css

@@ -1,3 +1,3 @@
 @import '@financial-times/o3-foundation/css/professional.css';
-@import '../tokens/core/professional/o3-button/_variables.css';
+@import '@financial-times/origami-dictionary/css/professional/o3-button.css';
 @import '../../../main.css';

components/o3-button/src/css/brands/sustainable-views.css

@@ -1,3 +1,3 @@
 @import '@financial-times/o3-foundation/css/sustainable-views.css';
-@import '../tokens/sustainable-views/o3-button/_variables.css';
+@import '@financial-times/origami-dictionary/css/sustainable-views/o3-button.css';
 @import '../../../main.css';

components/o3-button/src/css/brands/whitelabel.css

@@ -1,3 +1,3 @@
 @import '@financial-times/o3-foundation/css/whitelabel.css';
-@import '../tokens/whitelabel/o3-button/_variables.css';
+@import '@financial-times/origami-dictionary/css/whitelabel/o3-button.css';
 @import '../../../main.css';