deprecate vocabulary for vocabulary-styles

Author: MuluhGodson

src/Vocabulary/VInput.vue

@@ -135,8 +135,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '~@creativecommons/vocabulary/scss/color.scss';
-@import '~@creativecommons/vocabulary/scss/typography.scss';
+@import '~@creativecommons/vocabulary-styles/dist/scss/color.scss';
+@import '~@creativecommons/vocabulary-styles/dist/scss/typography.scss';
 .input,
 .textarea {
   border: none;

src/components/StepNavigation.vue

@@ -60,7 +60,7 @@ export default {
 </script>
 
 <style lang="scss">
-@import '~@creativecommons/vocabulary/scss/color';
+@import '~@creativecommons/vocabulary-styles/dist/scss/color';
 .step-navigation {
   display: flex;
   flex-direction: row;