feat: remove postcss-easings

frontend/package.json

@@ -159,7 +159,6 @@
     "histoire": "0.17.17",
     "postcss": "8.4.49",
     "postcss-easing-gradients": "3.0.1",
-    "postcss-easings": "4.0.0",
     "postcss-preset-env": "10.1.0",
     "rollup": "4.26.0",
     "rollup-plugin-visualizer": "5.12.0",

frontend/pnpm-lock.yaml

@@ -338,9 +338,6 @@ importers:
       postcss-easing-gradients:
         specifier: 3.0.1
         version: 3.0.1
-      postcss-easings:
-        specifier: 4.0.0
-        version: 4.0.0(postcss@8.4.49)
       postcss-preset-env:
         specifier: 10.1.0
         version: 10.1.0(postcss@8.4.49)
@@ -5035,12 +5032,6 @@ packages:
     resolution: {integrity: sha512-UrOKb4cenjGmMmrheETw7Cjnn/IKn3xgTvHs92b0sSwMhKgeZKxJpduGRjYZ8wgpu3zOzzgQpRwOLhhtMofayA==}
     engines: {node: '>=6.0.0'}
 
-  postcss-easings@4.0.0:
-    resolution: {integrity: sha512-KNpwHA3mTnf0UWcdwahQDaz7DDJ6QteVwdlLff98se854p6pyQW9iofwrD05vtlp33AAAxuUGCOhYwERRJGy6Q==}
-    engines: {node: '>=16.0'}
-    peerDependencies:
-      postcss: ^8.1.0
-
   postcss-focus-visible@10.0.1:
     resolution: {integrity: sha512-U58wyjS/I1GZgjRok33aE8juW9qQgQUNwTSdxQGuShHzwuYdcklnvK/+qOWX1Q9kr7ysbraQ6ht6r+udansalA==}
     engines: {node: '>=18'}
@@ -11636,11 +11627,6 @@ snapshots:
       postcss: 7.0.39
       postcss-value-parser: 3.3.1
 
-  postcss-easings@4.0.0(postcss@8.4.49):
-    dependencies:
-      postcss: 8.4.49
-      postcss-value-parser: 4.2.0
-
   postcss-focus-visible@10.0.1(postcss@8.4.49):
     dependencies:
       postcss: 8.4.49

frontend/src/components/base/Expandable.vue

@@ -134,11 +134,16 @@ function removeHeight(el: HTMLElement) {
 <style lang="scss" scoped>
 $transition-time: 300ms;
 
+// https://easings.net/#easeInQuint
+$ease-in-quint: cubic-bezier(0.64, 0, 0.78, 0);
+// https://easings.net/#easeInOutQuint
+$ease-in-out-quint: cubic-bezier(0.83, 0, 0.17, 1);
+
 .expandable-slide-enter-active,
 .expandable-slide-leave-active {
   transition:
-    opacity $transition-time ease-in-quint,
-    height $transition-time ease-in-out-quint;
+    opacity $transition-time $ease-in-quint,
+    height $transition-time $ease-in-out-quint;
   overflow: hidden;
 }
 

frontend/vite.config.ts

@@ -14,7 +14,6 @@ import {visualizer} from 'rollup-plugin-visualizer'
 import viteSentry, {type ViteSentryPluginOptions} from 'vite-plugin-sentry'
 import svgLoader from 'vite-svg-loader'
 import postcssPresetEnv from 'postcss-preset-env'
-import postcssEasings from 'postcss-easings'
 import postcssEasingGradients from 'postcss-easing-gradients'
 import tailwindcss from 'tailwindcss'
 
@@ -107,7 +106,6 @@ export default defineConfig(({mode}) => {
 			postcss: {
 				plugins: [
 					tailwindcss(),
-					postcssEasings(),
 					postcssEasingGradients(),
 					postcssPresetEnv(),
 				],