replace outdated overflow-x-autoshow-scrollbar prop with scroll-x and show-scrollbar="false" to enable proper horizontal scrolling and hide the scrollbar
Remove the deprecated scroll.scss stylesheet and its import from the main SCSS index file. Replace all usages of the custom .scroll-y and .scroll-x classes across Vue templates with the corresponding overflow utility classes. Fix a malformed scroll-view tag in the goods album page template.
Replace all instances of prefixed flex utility classes (like flex-items-center, flex-justify-between, flex-full, flex-shrink-0) with their standard un-prefixed counterparts (items-center, justify-between, flex-1, shrink-0) across the codebase. Remove the deprecated src/static/scss/flex.scss partial file as it is no longer needed after these updates.
remove the unused min-height.scss and min-width.scss source files
delete their @import statements from src/static/scss/index.scss
strip the min-width-0 and min-height-0 class attributes from the relevant Vue components
Delete the src/static/scss/font-size.scss utility file, and replace all legacy `font-size-*` class usages across the codebase with inline `text-[numberpx]` styling to consolidate font size definitions and remove redundant utility code.
Delete the standalone font-weight.scss utility file, remove its import from the main scss index, and update all existing references to the custom font-{weight} classes to use either built-in semantic font utilities or inline functional font weight classes matching the project's utility-first styling pattern.
Delete the src/static/scss/margin.scss utility file, update all component templates to replace pre-defined margin classes with inline arbitrary pixel values (e.g. mb-[4px] instead of mb-4), and clean up long template lines for better readability.
Removed unused text-align.scss, position.scss, and rounded.scss utility files along with their imports from scss/index.scss. Updated all existing uses of the rounded-* utility classes in vue components to use inline border-radius syntax like rounded-[10px] instead.
Replace all usages of legacy `.color-*` and `.text-color-*` SCSS utility classes with inline Tailwind `text-[#hexcode]` arbitrary value classes. Remove the deprecated `src/static/scss/colors.scss` file, and fix minor formatting/indentation issues across multiple component files.
Remove the unnecessary box-border CSS class from component template class lists across the codebase, cleaning up styling without altering any component functionality.
Remove the unused box-sizing.scss stylesheet and its import from the main SCSS index file.
Update all Vue component template class references from the custom border-box class to the
native box-border utility class to eliminate redundant custom CSS and align with the project's
utility class conventions.
Remove the unused padding.scss stylesheet and its import from the main SCSS entrypoint. Update all legacy padding utility class names across every Vue component to use inline pixel-based utility classes (such as replacing `pl-12` with `pl-[12px]`). Also clean up extraneous whitespace and line breaks in component templates for improved readability.
