We can just apply it to this.element and adjust the CSS accordingly

app/assets/stylesheets/card-columns.css

@@ -73,7 +73,7 @@
     transition: var(--column-transition);
 
     /* Disable transitions during restoration */
-    &.no-transitions {
+    .no-transitions & {
       transition: none;
     }
 

app/javascript/controllers/collapsible_columns_controller.js

@@ -25,19 +25,11 @@ export default class extends Controller {
   }
 
   #disableTransitions() {
-    this.columnTargets.forEach(column => {
-      if (this.noTransitionsClass) {
-        column.classList.add(this.noTransitionsClass)
-      }
-    })
+    this.element.classList.add(this.noTransitionsClass)
   }
 
   #enableTransitions() {
-    this.columnTargets.forEach(column => {
-      if (this.noTransitionsClass) {
-        column.classList.remove(this.noTransitionsClass)
-      }
-    })
+    this.element.classList.remove(this.noTransitionsClass)
   }
 
   #toggleColumn(column) {