chore: resolve sass and vue compiler deprecation warnings (#13794)

app/javascript/shared/components/StarRating.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { ref, defineProps, defineEmits } from 'vue';
+import { ref } from 'vue';
 
 const props = defineProps({
   selectedRating: {

app/javascript/shared/components/ui/MultiselectDropdown.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { computed, defineEmits } from 'vue';
+import { computed } from 'vue';
 import { OnClickOutside } from '@vueuse/components';
 import { useToggle } from '@vueuse/core';
 

app/javascript/shared/components/ui/dropdown/DropdownItem.vue

@@ -26,11 +26,9 @@ export default {
 
 <style lang="scss" scoped>
 .dropdown-menu__item {
-  ::v-deep {
-    a,
-    .button {
-      @apply inline-flex whitespace-nowrap w-full text-left rtl:text-right;
-    }
+  :deep(a),
+  :deep(.button) {
+    @apply inline-flex whitespace-nowrap w-full text-left rtl:text-right;
   }
 }