Add 'important' to pill variant styles in ToggleSwitch styles (#2173)

<!--
Ensure the title clearly reflects what was changed.
Provide a clear and concise description of the changes made. The PR
should only contain the changes related to the issue, and no other
unrelated changes.
-->

Fixes OPS-4003

The issue is caused by this

<img width="483" height="61" alt="image"
src="https://github.com/user-attachments/assets/6d38e0f9-8149-438f-b52d-028fa693734c"
/>


I've tried to fix it by adding data state styles, but they don't work.

Author: Roman Snapko

packages/ui-components/src/components/toggle-switch/toggle-switch.tsx

@@ -65,7 +65,7 @@ const ToggleSwitch = ({
             value={option.value}
             size="xs"
             className={cn('text-sm transition-colors border-0', {
-              'px-5 h-[42px] rounded-[40px] font-medium aria-checked:bg-primary-200 aria-checked:text-background':
+              'px-5 h-[42px] rounded-[40px] font-medium aria-checked:!bg-primary-200 aria-checked:!text-background':
                 variant === 'pill',
               'w-[66px] px-2 py-1 rounded-[4px] font-normal aria-checked:bg-gray-200 dark:aria-checked:bg-gray-800':
                 variant !== 'pill',