ECサイトランキング

前提・実現したいこと

railsで練習としてECサイトを作っている初心者です。
その中で販売数に応じたランキング機能を実装したいと思っています。
order_itemsテーブルのquantity(販売数)が多い順にItemデータを取得したいです。

現状はitemコントローラindexアクションにてItemデータの取得はできていますが、
ItemのPK(id)の昇順でデータ取得されています。

初質問で不手際もあるかと思いますが、何卒よろしくお願い致します。

table
create_table "order_items", force: :cascade do |t|
    t.integer "order_id", null: false
    t.string "name", null: false
    t.string "image_id", null: false
    t.integer "price", null: false
    t.integer "quantity", null: false
    t.datetime "created_at", null: false
    t.datetime "updated_at", null: false
  end

create_table "items", force: :cascade do |t|
    t.string "name", null: false
    t.string "image_id", null: false
    t.integer "price", null: false
    t.text "description", null: false
    t.datetime "created_at", null: false
    t.datetime "updated_at", null: false
  end

発生している問題・エラーメッセージ

Itemデータを取得はできるが、ItemのPK(id)の昇順でデータ取得されている。
Itemデータの取得をOrder_itemのquantityが多い順に(降順)取得したいです。

該当のソースコード

Itemcontroller
def index
    @items = Item.preload(:comments).all.page(params[:page]).per(8)
    # order_itemsのquentity(量)が多い商品ベスト3(販売数の多い商品ランキング)
    @items_rank = Item.where(name: OrderItem.group(:name).order(quantity: "DESC").pluck(:name))
end

viewItemIndex
 <div class="row my-2">
  <h4 class="mx-auto">人気商品ベスト3</h4>
 </div>
 <div class="row">
  <% @items_rank.each.with_index(1) do |item_rank, i| %>
  <div class="col-md-3 mb-4">
   <p class="font-weight-bold">
    第<%= i %>位
   </p>
   <div class="card text-center h-100 mb-3" style="min-width: 170px;">
    <a href="/items/<%= item_rank.id %>">
     <%= attachment_image_tag item_rank, :image, :fill, 200, 200, format: 'jpeg', class: "card-img-top img-fluid" %>
    </a>
    <p class="card-title font-weight-bold"><%= item_rank.name %></p>
    <!--評価の平均-->
    <% if item_rank.comments.present? %>
      <div class="average-review-rating" data-score=<%= item_rank.comments.pluck(:rate).sum.fdiv(item_rank.comments.pluck(:rate).length).to_f.round(1) %>></div>
    <% else %>
     <!--同じ高さを取るためのもの-->
     <div>　</div>
    <% end %>
    
    <ul class="list-group list-group-flush">
     <li class="list-group-item"><%= item_rank.description.truncate(15) %></li>
     <li class="list-group-item"><%= item_rank.price %>円</li>
    </ul>
    
   </div>
  </div>
  <% end %>
 </div>

試したこと

●最初はfindで実装しようと思いましたが、order_itemテーブルにitem_idカラムをつけていなかったため、実現できませんでした。そのため、whereメソッドを用いて
@items_rank = Item.where(name: OrderItem.group(:name).order(quantity: "DESC").pluck(:name))
と書いています。

コンソールにてOrderItem.group(:name).order(quantity: "DESC").pluck(:name))を実行して、並び順が販売数(quantity)が多い順になっているのを確認しました。

テーブル設計でorder_itemにitem_idカラムを追加すればランキング機能を実装できるのですが、現状で解決できる方法はないかと思い質問させていただきました。

参照した記事
https://qiita.com/mitsumitsu1128/items/18fa5e49a27e727f00b4